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 Native 帶來的開發典範轉移
Search
Jeremy Lu
May 16, 2015
Technology
5
1.3k
從「學習一次、隨處應用」 談 React Native 帶來的開發典範轉移
這是 2015 年 5 月 16 日於中研院舉辦的 Modern Web 2015 中所給的演講。
Jeremy Lu
May 16, 2015
Tweet
Share
More Decks by Jeremy Lu
See All by Jeremy Lu
採用 TypeScript 前你該考慮的十件事
coodoo
1
2.3k
React Conf 2019 回顧 與 2020 前端開發趨勢展望
coodoo
0
610
前端開發的再次典範轉移 如何走出混亂並讓複雜變得可掌控
coodoo
9
2.2k
ReactVR - a quick glance
coodoo
2
180
React Native 帶來的跨平台 mobile app 開發典範轉移
coodoo
6
3.1k
GraphQL and Relay Intro
coodoo
0
230
Reactjs.tw meetup 7 - 技術匯報
coodoo
22
1.6k
Sneak Preivew of React Native
coodoo
18
2.5k
Immutable model 簡介
coodoo
17
1.6k
Other Decks in Technology
See All in Technology
Amplify Gen2から知るAWS CDK Toolkit Libraryの使い方/How to use the AWS CDK Toolkit Library as known from Amplify Gen2
fossamagna
1
350
IPA&AWSダブル全冠が明かす、人生を変えた勉強法のすべて
iwamot
PRO
2
230
ClaudeCodeにキレない技術
gtnao
1
860
AI エージェントと考え直すデータ基盤
na0
20
7.9k
データ戦略部門 紹介資料
sansan33
PRO
1
3.3k
モニタリング統一への道のり - 分散モニタリングツール統合のためのオブザーバビリティプロジェクト
niftycorp
PRO
1
520
推し書籍📚 / Books and a QA Engineer
ak1210
0
140
三視点LLMによる複数観点レビュー
mhlyc
0
230
Four Keysから始める信頼性の改善 - SRE NEXT 2025
ozakikota
0
420
第64回コンピュータビジョン勉強会「The PanAf-FGBG Dataset: Understanding the Impact of Backgrounds in Wildlife Behaviour Recognition」
x_ttyszk
0
240
Introduction to Bill One Development Engineer
sansan33
PRO
0
260
SRE with AI:実践から学ぶ、運用課題解決と未来への展望
yoshiiryo1
0
320
Featured
See All Featured
Producing Creativity
orderedlist
PRO
346
40k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
830
The Language of Interfaces
destraynor
158
25k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
520
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Raft: Consensus for Rubyists
vanstee
140
7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
What's in a price? How to price your products and services
michaelherold
246
12k
Writing Fast Ruby
sferik
628
62k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
108
19k
Transcript
從「學習⼀一次、隨處應⽤用」 談 React Native 帶來的 開發典範轉移 Jeremy Lu
React ⽤用起來爽很⼤大 好東⻄西不學嗎?XDDD
Jeremy Lu @thecat
[email protected]
Founder, builder and instructor,
FullStackRocks.com
- React - React Native - 業界應⽤用現況 - 典範轉移 -
為何你該開始學習 - 相關資訊
- React - React Native - 業界應⽤用現況 - 典範轉移 -
為何你該開始學習 - 相關資訊
簡介 - Facebook 於 2013 年中開源 - React 內建 VDOM
是輕量的顯⽰示元件 - Flux 管理 Data + Flow - React 負責 view,Flux 負責 model,兩者合作無間
核⼼心概念 single source of truth thinking in component <jsx />
always redraw (VDOM)
優點 - 簡單易學、⼀一天⼊入⾨門 - 思維模式單純 - 強⼤大防呆、結構單純、不易出錯 - ⾴頁⾯面效能優越 -
server-rendering, Isomorphic for SEO, faster response
- React - React Native - 業界應⽤用現況 - 典範轉移 -
為何你該開始學習 - 相關資訊
簡介 - 2015 年 1 ⽉月於 React Conf 推出 -
讓所有網⾴頁開發者可製作 native mobile app - ⽀支援 iOS 與 Android
媽 我 在 這
None
核⼼心概念 - 不使⽤用 Webview 與 HTML - 採⽤用 javascript/html/css 等熟悉技術開發
- 轉換為各平台原⽣生介⾯面,效能極佳
None
優點 - 懂 react 即可開發 - 開發⼀一次,可⽀支持不同 drawing backend
None
- React - React Native - 業界應⽤用現況 - 典範轉移 -
為何你該開始學習 - 相關資訊
業界應⽤用現況 - 北美 2014 年起出現⼤大規模轉換潮,持續⾄至今 - 不是已經在⽤用 react,就是在轉換到 react 的途中
- Apple, Yahoo, Instagram, Netflix, CodeCademy, Khan Academy, Microsoft… - 台灣 KKBOX, KKTIX, 聯發科與多家 startup - ⼈人⼒力需求孔急為⼗十年來少⾒見
- React - React Native - 業界應⽤用現況 - 典範轉移 -
為何你該開始學習 - 相關資訊
⼀一、開發⼿手法 - 以往是⼈人⼯工維護狀態 - 極致表現是 two-way data-binding - 極易出錯、效能不佳
None
MV*
實作結果
開發⼿手法 - 現在是⼀一律重繪 - ⼼心理負擔輕 - 出錯機會低 - 效能佳
single source of truth thinking in component always redraw
唯⼀一真相與單向資料流
兩相⽐比較
None
⼆二、架構策略 - 以往是 write once, run everywhere - 早期⽤用 Java
Swing, Adobe Flash/Air - 後來是 Phonegap 等 webview-based ⽅方案(ionic...) - 結果 - ⽤用⼾戶體驗不佳 - 效能不佳 - 評價不佳
架構策略 - 現在是 learn once write anywhere - 效能 -
不受 webview 效能限制,可常保 60FPS - 體驗 - native UI 帶來最佳⽤用⼾戶體驗(操作習慣、介⾯面語⾔言)
架構策略 - 節省成本 - 時間 - 60% 程式可跨平台通⽤用 - 僅
UI 部份需針對不同平台重寫 - 品質 - 不易犯錯,維護成本降低 - ⼈人⼒力 - 易學易上⼿手,快速產⽣生極戰⼒力
None
- React - React Native - 業界應⽤用現況 - 典範轉移 -
為何你該開始學習 - 相關資訊
為何你該開始學習 - react 的核⼼心概念可終⾝身受⽤用,將來在任何框架下皆可應 ⽤用 - 學會⼀一項⼯工具可同時開發 web、app、desktop,應⽤用 範圍極廣 -
多年來少⾒見時間投資成本效益極⾼高的選擇,好東⻄西不學 嗎?
None
⽤用最好的⼯工具 做開⼼心的⼯工作 賺豐厚的報酬 過愜意的⽣生活
學習資訊 - https://www.facebook.com/groups/reactjs.tw/ 2000+ members - https://www.facebook.com/twthecat 歡迎加臉書好友,有問必答™
1925 - 2015
@thecat |
[email protected]
Founder, builder and instructor, FullStackRocks.com Questions?