react is a framework

flipkart react.js meetup 27th Jun '15.

Transcript

1. React is a framework π
2. https://myntra.github.io/2015/05/17/personal-thoughts-on-the-shutdown-of-the-myntra-website/
3. 5 ideas
4. 0. the internet
5. transmit entire experiences over the wire, on demand
6. universal standard > cross platform
7. choose your weapons
8. 1. let’s learn web development!
9. <!doctype html> <html> <head> <style> @import “reset.css"; body{ font-family: helvetica, arial, san-serif; } #xyz{ font-size: 12px:} </style> </head> <body> <div id='xyz' onclick='alert("hello world!")' style='background-color:#ccc;'> My name is Sunil! </div> <script> document.getElementById('xyz').style.fontSize = '20px'; </script> </body> </html>
10. what’s wrong here?
11. - the declarative model is discarded immediately - templating languages destroy t/p/c structure - no first class compose strategy
12. flashback: e4x var header = <div> <h1><a href="/">Vjeux</a></h1> <h2>French Web Developer</h2> </div>; http://blog.vjeux.com/2013/javascript/jsx-e4x-the-good-parts.html
13. 2. what do video games and servers have in common?
14. video games servers scene database frame request tv browser
15. - ‘recreate the world’ - idempotent rendering
17. 3. state is not a place
18. the old way var store = new Store({attr: 123}); store.get('attr') store.on('change', ::console.log) store.set('attr', 456); // ???
19. the new way newState = f(state, […actions]) // just like databases! and if this were true…
20. - snapshot / rewind - record / replay - hot load / replay - debug savepoints
21. 4. framework hate
22. drum roll…
23. react is all of these things! - first class components / trees - write naturally, and the framework optimizes - generic imperative -> declarative bridge - and about record / replay…
24. disto demo
25. and about idea 0…
26. cortex demo
27. questions?