Facebook’s Flux is changing client-side apps
How is Facebook’s Flux architecture changing the way we build rich client-side applications? What problems do React + Flux solve? How do they compare to the competition, Angular.js in particular? Is React + Flux ready for production?
If any of these questions keep you awake at night, this session at Jaaga, held on 24th April at 5:00pm was the solution to it all! ### Here’s a peek at what was spoken about at the talk:
Fluxful architecture differs from traditional MVC in that it advocates unidirectional data flow. Flux applications are made up of 4 major parts: stores, views, actions, and a dispatcher.
**Stores** contain all the logic and state information associated with the application. Facebook introduced an immutable data library that fits this role very well (immutable.js).
**Actions** can be thought of as a method for application state change; all the actions for a given application create a semantic internal API that describe all the possible ways the state of the application can be modified.
The **dispatcher** is “the central hub that manages all data flow in a Flux application”.
The** view **layer is where React comes in. While Flux allows you to use any view library here, React was built to fit this spot. React’s virtual DOM and component lifecycle API, coupled with the ability to create rich nested application views that perform well at scale make it the natural fit for the view layer in a Flux application.
Further resources on Flux can be found at [https://facebook.github.io/flux/](https://facebook.github.io/flux/).
Further resources on React can be found at [https://facebook.github.io/react/](https://facebook.github.io/react/)
The demo application for the talk can be found at [https://github.com/d4ncer/react-flux-example/](https://github.com/d4ncer/react-flux-example/)
The slides for the talk can be found at [https://slides.com/raghuvirkasturi/flux-react/](https://slides.com/raghuvirkasturi/flux-react/)
Subscribe for events/ Like us on Facebook: [![download](https://i0.wp.com/res.cloudinary.com/dgv7ilb3j/image/upload/v1510939457/download_ntuiqe.png?resize=31%2C31)](https://www.facebook.com/Jaagastartup.in/events)Follow us on Twitter: [![download (1)](https://i0.wp.com/res.cloudinary.com/dgv7ilb3j/image/upload/v1510939456/download-1_bosz75.png?resize=32%2C26)](https://twitter.com/?lang=en)