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
170
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
120
程式設計師的自我修養
kudochien
3
470
工程師的生涯規劃,從 React Native 開始
kudochien
11
1.2k
如果下半輩子只想 DEBUG 怎麼辦?
kudochien
12
2.5k
如果下半輩子只想成功怎麼辦?
kudochien
2
260
flowstatd
kudochien
1
300
Other Decks in Technology
See All in Technology
統計的学習理論読み Chapter 2
kmatsui
1
250
長文から長文を生成するLLMツールをオープンソースで作ってみた。
tomohisa
2
150
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
160
単回帰分析について数式を追いながら実装してみた
kentaitakura
0
500
データマネジメントを支える武器としてのメタデータ管理
10xinc
2
810
技育祭2024春 LT Finatextホールディングス
kevinrobot34
1
170
CI/CDがあたりまえの今の時代にAPIテスティングツールに求められていること / CI/CD Test Night #7
k1low
12
3k
関数型DDDの理論と実践:「決定を遅らせる」を先につくり、 ビジネスの機動力と価値をあげる
knih
2
480
Challenges - Open Farming Hackdays 2024
loleg
0
560
オブジェクト指向CSSが叶えたかったことと、CSSのいま / The aims of Object-oriented CSS and the current state of CSS usage
shinkufencer
11
3.6k
どう買う?Azure
kuniteru
1
190
技術広報として2023年度に頑張ったこと / What we did well in FY2023 as a DevRel
pauli
5
490
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
Art, The Web, and Tiny UX
lynnandtonic
288
19k
A Tale of Four Properties
chriscoyier
150
22k
Docker and Python
trallard
33
2.6k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
Designing Experiences People Love
moore
135
23k
Visualization
eitanlees
135
14k
Stop Working from a Prison Cell
hatefulcrawdad
265
19k
Reflections from 52 weeks, 52 projects
jeffersonlam
343
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
Adopting Sorbet at Scale
ufuk
66
8.5k
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