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
190
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
190
amplify your stack - deux - jsfoo 2014
threepointone
1
92
The last mile
threepointone
4
400
Other Decks in Programming
See All in Programming
rails newと同時に型を書く
aki19035vc
6
750
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
3
630
Azure AI Foundryのご紹介
qt_luigi
1
260
Vue.jsでiOSアプリを作る方法
hal_spidernight
0
120
時計仕掛けのCompose
mkeeda
1
200
Swiftコンパイラ超入門+async関数の仕組み
shiz
0
190
Kanzawa.rbのLT大会を支える技術の裏側を変更する Ruby on Rails + Litestream 編
muryoimpl
0
120
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
10
1.4k
Lookerは可視化だけじゃない。UIコンポーネントもあるんだ!
ymd65536
1
140
ASP. NET CoreにおけるWebAPIの最新情報
tomokusaba
0
220
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
980
Spring gRPC について / About Spring gRPC
mackey0225
0
180
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
What's in a price? How to price your products and services
michaelherold
244
12k
KATA
mclloyd
29
14k
Automating Front-end Workflow
addyosmani
1367
200k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
It's Worth the Effort
3n
184
28k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
28
2.2k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
990
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?