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
AWSでRAGを実現する上で感じた3つの大事なこと
ymae
3
1k
RSNA2024振り返り
nanachi
0
500
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
トラシューアニマルになろう ~開発者だからこそできる、安定したサービス作りの秘訣~
jacopen
2
1.5k
リーダブルテストコード 〜メンテナンスしやすい テストコードを作成する方法を考える〜 #DevSumi #DevSumiB / Readable test code
nihonbuson
11
5.8k
10分で紹介するAmazon Bedrock利用時のセキュリティ対策 / 10-minutes introduction to security measures when using Amazon Bedrock
hideakiaoyagi
0
170
開発者が自律的に AWS Security Hub findings に 対応する仕組みと AWS re:Invent 2024 登壇体験談 / Developers autonomously report AWS Security Hub findings Corresponding mechanism and AWS re:Invent 2024 presentation experience
kaminashi
0
190
オブザーバビリティの観点でみるAWS / AWS from observability perspective
ymotongpoo
7
1k
生成AIの利活用を加速させるための取り組み「prAIrie-dog」/ Shibuya_AI_1
visional_engineering_and_design
1
140
まだ間に合う! エンジニアのための生成AIアプリ開発入門 on AWS
minorun365
PRO
4
580
サーバーレスアーキテクチャと生成AIの融合 / Serverless Meets Generative AI
_kensh
12
3k
個人開発から公式機能へ: PlaywrightとRailsをつなげた3年の軌跡
yusukeiwaki
10
2.7k
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Rails Girls Zürich Keynote
gr2m
94
13k
Producing Creativity
orderedlist
PRO
343
39k
Being A Developer After 40
akosma
89
590k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Into the Great Unknown - MozCon
thekraken
35
1.6k
How to Ace a Technical Interview
jacobian
276
23k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
Optimizing for Happiness
mojombo
376
70k
How to train your dragon (web standard)
notwaldorf
90
5.8k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
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