react overview
TRANSCRIPT
A JAVASCRIPT LIBRARY FOR BUILDING USER INTERFACES
REACT IS EASIER THAN JQUERY
WHAT MAKES REACT DIFFERENT?
MVC
MV*
BACKBONE ANGULAR EMBER KNOCKOUT
TWO WAY DATA BINDING
CONTROLLEROR
ROUTERMODEL VIEW
TWO WAY DATA BINDING
CONTROLLEROR
ROUTERMODEL VIEW
MODEL
MODEL
VIEW
VIEW
SHARED MUTABLE STATE
We should do our utmost to shorten the conceptual gap between the static
program and the dynamic process, to make the correspondence between the program and the process as trivial as
possible.
- Edsger W. Dijkstra
TRADITIONAL DATA FLOW
REACT DATA FLOW
DATA VIEW VIEW
VIEW
VIEW
API
RENDER
CREATING COMPONENTS
JSX RUNTIME
NESTING COMPONENTS
PROPERTIES
STATE
COMPONENT LIFECYCLE
VIRTUAL DOM
EVENTS
EXAMPLES