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
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
210
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
720
ペアーズでの、Langfuseを中心とした評価ドリブンなリリースサイクルのご紹介
fukubaka0825
2
300
SwiftUI Viewの責務分離
elmetal
PRO
0
140
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
110
Honoのおもしろいミドルウェアをみてみよう
yusukebe
1
200
バックエンドのためのアプリ内課金入門 (サブスク編)
qnighy
8
1.7k
技術を根付かせる / How to make technology take root
kubode
1
240
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
100
『品質』という言葉が嫌いな理由
korimu
0
160
テストをしないQAエンジニアは何をしているか?
nealle
0
130
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Facilitating Awesome Meetings
lara
51
6.2k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
YesSQL, Process and Tooling at Scale
rocio
171
14k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Designing Experiences People Love
moore
139
23k
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?