document

application

how the web got to where it is

1: HTML Documents

• Request => response
• Stateless
• Structured markup: it's just data!
• Forms

2: Document Object Model

• Document's programmatic API
• Traversal
• Manipulation
• Events

3: jQuery

• “Alternative” DOM API
• Compatibility layer
• Native implementations adpoted
• Actually pretty low-level!

“Changing state is the root of all evil”

4: Getting more interactive

• Problem: Requests lose state
• What if we didn't have to blow everything away?
• AJAX: get data in the background!
• Consequence: Docs become stateful

5: Precambrian Framework     Explosion

• Problem: Managing state
• Problem: Performance
• Problem: Memory leaks
• Problem: Complexity
• Problem: ....

6: React's answer

• Mimic advantages of statelessness
• ... by "rerendering" everything
• Colocate markup and state...
• ...since they're coupled anyway

QUESTIONS?