react everydayhero brisjs meetup
TRANSCRIPT
React is a Javascript library for creating user interfaces
Composable
Encapsulated
Reusable
Efficient
Testable
Challenges• Responsive adaptive asynchronous UI
• Distribute architecture
• Reusable
• Clear structure
• Tested JS
• Reduce entanglement
CSS !
JS !
Templates !
Component 1 Component 2
Tests !
Component 3
CSS !
JS !
Templates !
Component 1 Component 2
Tests !
Component 3
CSS
JS
Tests
Component 1 ! Component 2 ! Component 3 !
| Widgets
| NFP
Store
Dispatcher
View (React)
Action
Server
Flux
Flux
Store
Route (View Controller)
Components
Store
Dispatcher
Route (View Controller)
Components
Action
Server
Route (View Controller)
Components
Client
Server
Route (View Controller)
Components
Pub/Sub
Client
Server
| HUI (◠‿◠)
Server
API
• Responsive adaptive asynchronous UI
• Distribute architecture
• Reusable
• Clear structure
• Tested JS
• Reduce entanglement