More Related Content Similar to Building Single Page Apps with React.JS Similar to Building Single Page Apps with React.JS (20) More from Vagmi Mudumbai (11) Building Single Page Apps with React.JS9. Shamelessly Stolen from https://docs.google.com/presentation/d/
1afMLTCpRxhJpurQ97VBHCZkLbR1TEsRnd3yyxuSQ5YY/
edit#slide=id.g380053cce_0143
10. Shamelessly Stolen from https://docs.google.com/presentation/d/
1afMLTCpRxhJpurQ97VBHCZkLbR1TEsRnd3yyxuSQ5YY/
edit#slide=id.g380053cce_0143
11. Shamelessly Stolen from https://docs.google.com/presentation/d/
1afMLTCpRxhJpurQ97VBHCZkLbR1TEsRnd3yyxuSQ5YY/
edit#slide=id.g380053cce_0143
12. Shamelessly Stolen from https://docs.google.com/presentation/d/
1afMLTCpRxhJpurQ97VBHCZkLbR1TEsRnd3yyxuSQ5YY/
edit#slide=id.g380053cce_0143
13. Shamelessly Stolen from https://docs.google.com/presentation/d/
1afMLTCpRxhJpurQ97VBHCZkLbR1TEsRnd3yyxuSQ5YY/
edit#slide=id.g380053cce_0143
19. DOM Diffing
renderA: <div><span>first</span></div>
renderB: <div><span>second</span><span>first</span></
div>
=> [replaceAttribute textContent 'second'],
[insertNode <span>first</span>]
24. Give it five minutes
We strongly believe that components are the right way to
separate concerns rather than "templates" and "display logic."
We think that markup and the code that generates it are
intimately tied together. Additionally, display logic is often very
complex and using template languages to express it becomes
cumbersome. - React Authors
29. Stores, Events, Dispatchers
Views ---> (actions) ----> Dispatcher ---> (registered callback) ---> Stores -------+
Ʌ |
| V
+-- (Controller-Views "change" event handlers) ---- (Stores emit "change" events) --+