Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
react is a framework
Search
threepointone
June 27, 2015
Programming
2
180
react is a framework
flipkart react.js meetup 27th Jun '15.
threepointone
June 27, 2015
Tweet
Share
More Decks by threepointone
See All by threepointone
fml/myxtape - jsfoo 2014
threepointone
2
180
amplify your stack - deux - jsfoo 2014
threepointone
1
89
The last mile
threepointone
4
370
Other Decks in Programming
See All in Programming
Netty Chicago Java User Group 2024-04-17
sullis
0
200
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
1
360
dbtのドメイン分割による データ基盤の改善とDigdagとの連携
sakama
0
450
FigmaとPHPで作る1ミリたりとも表示崩れしない最強の帳票印刷ソリューション
ttskch
43
19k
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
1k
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
910
Git Rebase
bkuhlmann
11
1.6k
Go製Webアプリケーションのエラーとの向き合い方大全、あるいはやっぱりスタックトレース欲しいやん / Kyoto.go #50
utgwkk
6
1.8k
StoreKit2によるiOSのアプリ内課金のリニューアル
kangnux
0
130
GitLab CI/CD で C#/WPFアプリケーションのテストとインストーラーのビルド・デプロイを自動化する
hacarus
0
330
Compose-View Interop in Practice (mDevCamp 2024)
stewemetal
0
170
Goのエラースタックトレースの歴史と今後
sonatard
10
1.8k
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
[RailsConf 2023] Rails as a piece of cake
palkan
27
4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
YesSQL, Process and Tooling at Scale
rocio
165
13k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
Happy Clients
brianwarren
92
6.4k
The Mythical Team-Month
searls
216
42k
Done Done
chrislema
178
15k
Designing with Data
zakiwarfel
96
4.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
Writing Fast Ruby
sferik
622
60k
Transcript
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 first class compose strategy
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
2. what do video games and servers have in common?
video games servers scene database frame request tv browser
- ‘recreate the world’ - idempotent rendering
None
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! - first 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?