React is a JavaScript library for building user interfaces that allows developers to create reusable UI components in a composable and encapsulated way. It helps developers create responsive and adaptive UIs that are easy to structure, test, and maintain by reducing entanglement between components. The document discusses React's advantages and challenges, including creating asynchronous and distributed applications with reusable and tested JavaScript code.

4. React is a Javascript library
for creating user interfaces

5. Composable
Encapsulated
Reusable
Efficient
Testable

8. Challenges
• Responsive adaptive asynchronous UI
• Distribute architecture
• Reusable
• Clear structure
• Tested JS
• Reduce entanglement

9. CSS
JS
Templates
Component 1 Component 2
Tests
Component 3

10. CSS
JS
Templates
Component 1 Component 2
Tests
Component 3

11. CSS
JS
Tests
Component 1 Component 2 Component 3

13. | Widgets

17. | NFP

18. Store
Dispatcher
View (React)
Action
Server
Flux

19. Flux
Store

20. Route (View Controller)
Components

22. Store
Dispatcher
Route (View Controller)
Components
Action
Server

23. Route (View Controller)
Components
Client
Server

24. Route (View Controller)
Components
Pub/Sub
Client
Server

25. | HUI (◠‿◠)

30. Server
API

36. • Responsive adaptive asynchronous UI
• Distribute architecture
• Reusable
• Clear structure
• Tested JS
• Reduce entanglement

37. We’re hiring!
david.herse@everydayhero.com
Twitter: @DavidHerse