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
180
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
480
工程師的生涯規劃,從 React Native 開始
kudochien
11
1.2k
如果下半輩子只想 DEBUG 怎麼辦?
kudochien
12
2.6k
如果下半輩子只想成功怎麼辦?
kudochien
2
270
flowstatd
kudochien
1
320
Other Decks in Technology
See All in Technology
VPC間の接続方法を整理してみた #自治体クラウド勉強会
non97
1
860
ガバメントクラウド先行事業中間報告を読み解く
sugiim
1
1.4k
とあるユーザー企業におけるリスクベースで考えるセキュリティ業務のお話し
4su_para
3
330
大規模データ基盤チームのオンプレTiDB運用への挑戦 / dpu-tidb
cyberagentdevelopers
PRO
1
110
使えそうで使われないCloudHSM
maikamibayashi
0
170
Commitment vs Harrisonism - Keynote for Scrum Niseko 2024
miholovesq
6
1.1k
小規模に始めるデータメッシュとデータガバナンスの実践
kimujun
3
590
10分でわかるfreee エンジニア向け会社説明資料
freee
18
520k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
5
49k
プロダクトエンジニアが活躍する環境を作りたくて 事業責任者になった話 ~プロダクトエンジニアの行き着く先~
gimupop
1
480
Fargateを使った研修の話
takesection
0
120
新卒1年目が挑む!生成AI × マルチエージェントで実現する次世代オンボーディング / operation-ai-onboarding
cyberagentdevelopers
PRO
1
170
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
14
1.9k
Code Review Best Practice
trishagee
64
17k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
41
2.1k
Music & Morning Musume
bryan
46
6.1k
Typedesign – Prime Four
hannesfritz
39
2.4k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
A better future with KSS
kneath
238
17k
The Cult of Friendly URLs
andyhume
78
6k
Writing Fast Ruby
sferik
626
61k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
355
29k
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