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
High Performance PHP
cmuench
0
140
開発スピードは上がっている…品質はどうする? スピードと品質を両立させるためのプロダクト開発の進め方とは #DevSumi #DevSumiB / Agile And Quality
nihonbuson
1
1.3k
株式会社EventHub・エンジニア採用資料
eventhub
0
4.2k
AndroidデバイスにFTPサーバを建立する
e10dokup
0
240
スクラムのイテレーションを導入してチームの雰囲気がより良くなった話
eccyun
0
110
データ基盤の成長を加速させる:アイスタイルにおける挑戦と教訓
tsuda7
3
650
オブザーバビリティの観点でみるAWS / AWS from observability perspective
ymotongpoo
7
1k
明日からできる!技術的負債の返済を加速するための実践ガイド~『ホットペッパービューティー』の事例をもとに~
recruitengineers
PRO
3
100
Nekko Cloud、 これまでとこれから ~学生サークルが作る、 小さなクラウド
logica0419
2
730
10分で紹介するAmazon Bedrock利用時のセキュリティ対策 / 10-minutes introduction to security measures when using Amazon Bedrock
hideakiaoyagi
0
170
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
710
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
460
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
What's in a price? How to price your products and services
michaelherold
244
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
540
Done Done
chrislema
182
16k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
Why Our Code Smells
bkeepers
PRO
335
57k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
400
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