ReactJS is a JavaScript library for building user interfaces using reusable and interactive UI components. It uses a virtual DOM for rendering UI components and follows a unidirectional data flow architecture. Major companies using ReactJS include Facebook, Instagram, AirBnB, and Khan Academy. ReactJS advantages include its use of components, JSX syntax, and debugging tools. Components are the basic building blocks and use props, state, and lifecycles. Flux is a common architecture used with ReactJS that involves a central store for managing data in a unidirectional flow.

1. ReactJS

2. HELLO!
I am Hiten Pratap Singh
You can find me at:
hiten@fintechlabs.in
https://github.com/hitenpratap

3. 1.
What is ReactJS?

4. A JavaScript library for building user interfaces.
ReactJS is created by Facebook & Instagram for
the V of MVC by reusable and interactive UI
components.

5. 2.
Who is using ReactJS?

6. ReactJS in usage
» Facebook
» Instagram
» AirBnB
» Khan Academy
» Flipboard
» BBC
» Dropbox and many...

7. 3.
Why ReactJS?

8. Why ReactJS?
» V in MVC
» Virtual DOM
» Unidirectional Data Flow
» UI Components
» JSX
» ReactJS own debugger

9. 4.
ReactJS Components

10. ReactJS Components
» JSX
» Virtual DOM
» Components
» Unidirectional Data Flow
» Props
» State
cont...

11. ReactJS Components
» PropTypes
» Refs
» Keys
» LifeCycle
» Flux Architecture
» Routing

12. 5.
ReactJS LifeCycle

13. ReactJS LifeCycle

14. 6.
Flux Architecture

15. Flux Architecture
» Flux is the application architecture
» Making data changes easy
» Remove the burden of having a component
manage its own state.
» The data is moved to a central place called store.
» Unidirectional data flow.

16. Flux Architecture

17. Flux Architecture
» Flux is just an architecture and we can build our
very own based on this.
» Flux - Facebook
» Reflux - https://github.com/reflux/refluxjs
» Redux - http://redux.js.org

18. THANKS!
Any questions?
» You can find me at:
» hiten@fintechlabs.in
» https://github.com/hitenpratap