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 Ecosystem
Search
Kudo Chien
September 17, 2015
Technology
0
190
React Ecosystem
Kudo Chien
September 17, 2015
Tweet
Share
More Decks by Kudo Chien
See All by Kudo Chien
阿迪仔, 你為什麼不寫 Unit Test @ TestCorner#14
kudochien
1
130
程式設計師的自我修養
kudochien
3
490
工程師的生涯規劃,從 React Native 開始
kudochien
11
1.2k
如果下半輩子只想 DEBUG 怎麼辦?
kudochien
12
2.7k
如果下半輩子只想成功怎麼辦?
kudochien
2
280
flowstatd
kudochien
1
330
Other Decks in Technology
See All in Technology
Expertise as a Service via MCP
yodakeisuke
1
130
激動の時代、新卒エンジニアはAIツールにどう向き合うか。 [LayerX Bet AI Day Countdown LT Day1 ツールの選択]
tak848
0
530
Bliki (ja), and the Cathedral, and the Bazaar
koic
8
1.2k
Jitera Company Deck / JP
jitera
0
130
機械学習を「社会実装」するということ 2025年夏版 / Social Implementation of Machine Learning July 2025 Version
moepy_stats
1
460
BEYOND THE RAG🚀 ~とりあえずRAG?を超えていけ! 本当に使えるAIエージェント&生成AIプロダクトを目指して~ / BEYOND-THE-RAG-Toward Practical-GenerativeAI-Products-AOAI-DevDay-2025
jnymyk
4
230
Data Engineering Study#30 LT資料
tetsuroito
1
550
Railsの限界を超えろ!「家族アルバム みてね」の画像・動画の大規模アップロードを支えるアーキテクチャの変遷
ojima_h
3
360
Amazon CloudWatchのメトリクスインターバルについて / Metrics interval matters
ymotongpoo
3
200
The Madness of Multiple Gemini CLIs Developing Simultaneously with Jujutsu
gunta
1
2.4k
複数のGemini CLIが同時開発する狂気 - Jujutsuが実現するAIエージェント協調の新世界
gunta
11
3k
データエンジニアリング 4年前と変わったこと、 4年前と変わらないこと
tanakarian
2
340
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
Producing Creativity
orderedlist
PRO
346
40k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
For a Future-Friendly Web
brad_frost
179
9.8k
Optimizing for Happiness
mojombo
379
70k
Designing for humans not robots
tammielis
253
25k
What's in a price? How to price your products and services
michaelherold
246
12k
Adopting Sorbet at Scale
ufuk
77
9.5k
KATA
mclloyd
30
14k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Facilitating Awesome Meetings
lara
54
6.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Transcript
React Ecosystem
Facebook's iOS Architecture - @Scale 2014 - Mobile https://www.youtube.com/watch?v=mLSeEoC6GjU
Facebook's iOS Architecture - @Scale 2014 - Mobile Immutable model
Uni-direction data flow Component Declarative Flexbox! UIStackView
React.js Virtual DOM Construct DOM by Javascript Component Just the
“View” CSS in JS https://speakerdeck.com/vjeux/react-css-in-js
Flux
Flux In React • State v.s. property • Component property
Inheritance
Flux Facebook provides only as a design pattern, no implementations.
Fluxxor, Marty.js, Reflux, Flummox, Alt, Redux
Isomorphic Web Backend / Frontend to share the same code
base To solve the SEO issue for SPA
React Native Facebook story: HTML 5 -> Native React Native
is to use Javascript to write Native app Learn once, write anywhere Like Titanium, but even more Hot reload Debugging on Chrome (Run JS in outer Chrome)
React Native
React Native https://react.parts/native-ios
React Native https://apphub.io/
GraphQL Before, we used Restful API Client should request multiple
endpoints to compose one view Some unused data -> API partial response
GraphQL Product-centric / Client-specific queries Backward compatible Strong-typed
GraphQL Request Response
GraphQL Official Javascript implementation DataLoader as middleware https://github.com/facebook/dataloader
Relay A React component to support GraphQL https://facebook.github.io/relay/
Misc CSS layout - Reimplementation of CSS layout using pure
JavaScript https://github.com/facebook/css-layout CSS in JS https://speakerdeck.com/vjeux/react-css-in-js CSS modules http://glenmaddern.com/articles/css-modules
@Scale https://www.youtube.com/channel/ UCd9I8ZkgoR1d7GeSj_wi_LQ