Explaining core concepts of ReactJS

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