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
2024-10-30-reInventStandby_StudyGroup_Intro
shinichirokawano
1
630
いまならこう作りたい AWSコンテナ[本格]入門ハンズオン 〜2024年版 ハンズオンの構想〜
horsewin
9
2.1k
[AWS JAPAN 生成AIハッカソン] Dialog の紹介
yoshimi0227
0
150
話題のGraphRAG、その可能性と課題を理解する
hide212131
4
1.5k
신뢰할 수 있는 AI 검색 엔진을 만들기 위한 Liner의 여정
huffon
0
360
ガチ勢によるPipeCD運用大全〜滑らかなCI/CDを添えて〜 / ai-pipecd-encyclopedia
cyberagentdevelopers
PRO
3
210
Automated Promptingを目指すその前に / Before we can aim for Automated Prompting
rkaga
0
110
「最高のチューニング」をしないために / hack@delta 24.10
fujiwara3
21
3.5k
AWSコンテナ本出版から3年経った今、もし改めて執筆し直すなら / If I revise our container book
iselegant
15
4k
国土交通省 データコンペ参加者向け勉強会
takehikohashimoto
0
110
IaC運用を楽にするためにCDK Pipelinesを導入したけど、思い通りにいかなかった話
smt7174
1
110
Fargateを使った研修の話
takesection
0
120
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
Music & Morning Musume
bryan
46
6.1k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Navigating Team Friction
lara
183
14k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Rails Girls Zürich Keynote
gr2m
93
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
Teambox: Starting and Learning
jrom
132
8.7k
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
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