react is a framework

React is a framework π

https://myntra.github.io/2015/05/17/personal-thoughts-on-the-shutdown-of-the-myntra-website/

5 ideas

0. the internet

transmit entire experiences over the wire, on demand

universal standard > cross platform

choose your weapons

1. let’s learn web development!

<!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>

what’s wrong here?

- the declarative model is discarded immediately - templating languages
destroy t/p/c structure - no ﬁrst class compose strategy

ﬂashback: 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

2. what do video games and servers have in common?

video games servers scene database frame request tv browser

- ‘recreate the world’ - idempotent rendering

3. state is not a place

the old way var store = new Store({attr: 123}); store.get('attr')
store.on('change', ::console.log) store.set('attr', 456); // ???

the new way newState = f(state, […actions]) // just like
databases! and if this were true…

- snapshot / rewind - record / replay - hot
load / replay - debug savepoints

4. framework hate

drum roll…

react is all of these things! - ﬁrst class components
/ trees - write naturally, and the framework optimizes - generic imperative -> declarative bridge - and about record / replay…

disto demo

and about idea 0…

cortex demo

questions?

react is a framework

react is a framework

threepointone

More Decks by threepointone

Other Decks in Programming

Featured

Transcript