Aplicaciones en tiempo real con ReactJS y SignalR Core https://github.com/Mteheran/ReactColorPickerDemo https://github.com/Mteheran/SignalRFunnyGifDemo https://github.com/Mteheran/AzureSignalRDemo https://github.com/Mteheran/SignalRWhiteBoard

1. Real-time applications
using React.js and SignalR
Core
Miguel Teheran - @Mteheran
.Net developer

2. What is React JS
● Is not a MVC framework-Its a powerful JS Library.
● It is used to build user interfaces (UI) on the Front End.
● It focuses on the V and maybe the C on the MVC pattern.

3. How does React Work?
Having the power and flexibility of JavaScript, Facebook engineers realized that if
HTML nodes were represented as JavaScript objects, we would have a new world
of possibilities to work with them.

4. Architecture
● Components.
● Virtual DOM.
● Props and States.
● Redux (Optional).
● JSX (Optional).

5. Demo React.JS

6. SignalR Core
SignalR Core is an open-source library that simplifies adding real-
time web functionality to apps.

7. When use it?
● Dashboards and monitoring apps
● Collaborative apps
● Notifications functionality

8. SignalR Core vs SignalR
● No more JQuery dependency
● No more Hub State
● No more multi-hubs endpoints
● No more single-model scale out
● High performance

9. Demo SignalR ASP.NET CORE

10. Demo React.js - SignalR

11. SignalR Core future
● Client - reconnect
● More clients: Java, IOS, C++
● User presence
● TPC/IP real scenarios

12. Questions?

13. Resources
● https://github.com/Mteheran/ReactColorPickerDemo
● https://github.com/Mteheran/SignalRFunnyGifDemo
● https://github.com/Mteheran/AzureSignalRDemo
● https://github.com/Mteheran/SignalRWhiteBoard