A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES
...developed by Facebook :-)
Popularity
Libraries / Frameworks
Angular: Full Stack Framework
React: View Library
Flux: Architecture
Relay: Data Fetching
Backbone: Library with Models, Collections, Events
Ember: Full Stack Framework
}
Framwork
Other "View Libraries"
React & Flux
- Virtual DOM
- Unidirectional Data Flow
- Isomorphic
- Components
- JSX
- Props
- State
- Events
WHAT
HOW
Virtual DOM &
Unidirectional Data Flow
React
Other MVC
Todo App
Todo List
Todo Item
Flux Architecture using Props & Events
in a single Direction
Re-Render Everything
Re-Render Changes
MVC Architecture using Events
between Components in multiple Directions
Isomorphic JavaScript
- Render Page on the Server
- Serve to the Client including the State
- Client picks up State and runs from there
Components, JSX, Props,
State & Events
Performance
React JS Lightning Talk
By Dominic Modalek
