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
[直播分享] 20200831 Hiskio 課程 - 入門最新 RN 技術 - 打造雙平台電...
Search
Sam Huang
August 31, 2020
Programming
1
130
[直播分享] 20200831 Hiskio 課程 - 入門最新 RN 技術 - 打造雙平台電商 App
影片:
https://www.youtube.com/watch?v=pqEPYD91bFY
Sam Huang
August 31, 2020
Tweet
Share
More Decks by Sam Huang
See All by Sam Huang
從開發走向管理及規劃 — 工程師的自我修養
sailplanetw
0
99
軟體的成本預估與時程規劃
sailplanetw
0
100
全方位技術整合:專業開發能力成就完善的智能平台
sailplanetw
0
120
從案例看製造業如何做數位轉型
sailplanetw
0
78
案例分享:台塑生醫實驗用藥追蹤系統
sailplanetw
0
94
[MOPCON 2022 Keynote] 從 IoT 到 Web2,從 Web2 到 Web3:那些開發路上的奇妙風景
sailplanetw
0
450
Offline x Online:HiPrint Smart Printing E-Commerce System
sailplanetw
0
200
從 APP 到雲端:物聯網產品的軟體設計該如何規劃
sailplanetw
0
300
感官文化印刷的全通路品牌營運策略
sailplanetw
0
230
Other Decks in Programming
See All in Programming
Unity Android XR入門
sakutama_11
0
140
Flutter × Firebase Genkit で加速する生成 AI アプリ開発
coborinai
0
150
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
AWS Lambda functions with C# 用の Dev Container Template を作ってみた件
mappie_kochi
0
240
Domain-Driven Transformation
hschwentner
2
1.9k
負債になりにくいCSSをデザイナとつくるには?
fsubal
9
2.3k
2024年のWebフロントエンドのふりかえりと2025年
sakito
1
230
なぜイベント駆動が必要なのか - CQRS/ESで解く複雑系システムの課題 -
j5ik2o
7
2.5k
DROBEの生成AI活用事例 with AWS
ippey
0
130
Lottieアニメーションをカスタマイズしてみた
tahia910
0
120
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
Software Architecture
hschwentner
6
2.1k
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Documentation Writing (for coders)
carmenintech
67
4.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Optimizing for Happiness
mojombo
376
70k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Building an army of robots
kneath
302
45k
Facilitating Awesome Meetings
lara
51
6.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
29
2.2k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Transcript
入門最新 React Native技術 打造雙平台電商App Sam Huang Revtel Tech | 2020
內容大綱 Revtel Tech | 2020 背景介紹 Q&A 個人及團隊資訊 / 課程設計
React Native 介紹 雙平台開發的注意要點 React Native 近期發展 小議題探討:React Hook !? 2020 React Native 介紹 總結 小結 4 5 3 2 1
資訊科學本科,有十年以上開發經驗 橫跨 WEB / APP / IoT 等多領域 任多間公司策略及技術長(忻旅科技共同創辦人) 經歷超過20個
React Native 專案/產品開發 偶爾會做技術分享 (如 yourator求職平台/台科大/天瓏書局) 背景介紹 - 個人及團隊資訊 Sam Huang 黃奕翔 唯有交流才能成就最好的自己! 唯有交流才能成就最好的自己! Revtel Tech | 2020
背景介紹 - 課程設計 對課程的思考 - 應多考量參與課程者的背景 對學習的思考 - 應多注重在觀念建立 對技術的思考
- 應多引入實務的角度 Revtel Tech | 2020
React Native 介紹 Facebook 於 2015/03 公開的跨平台開發框架 官方支援 Android /
iOS 社群支援 Windows 等 React Native 許多知名公司採用 Revtel Tech | 2020
技術:大前端時代! 個人:技能養成的最佳路徑 為什麼我們需要投資 / 熟悉 React Native? Facebook 宣示資源投入 在
StackOverflow 很熱門 React Native 廣被接受 Revtel Tech | 2020
以網頁開發技能貫串整個開發核心 最大化共用已開發之程式碼 Facebook 及強大社群支持 (含微軟!) 使用 React Native 的好處 雙平台開發的注意要點
功能 / 體驗 穩定 / 可維護 / 技術路徑 專案可控性 現實軟體工程開發其實是在尋求幾個維度的平衡 Revtel Tech | 2020
效能 : 引入效能較佳的 JS engine - HERMES 開發 : fast
refresh 分工更明確 : Facebook 及社群分頭努力 一些發展方向 原生組件架構優化 渲染部分的重構 近一步降低啟動時間 Facebook 不斷宣示會挹注資源(React Conf 及相關 blog) React Native近期發展概況(近一年) Revtel Tech | 2020
React Native 核心架構 React Native近期發展概況(近一年) Revtel Tech | 2020
此次課程比較著重在 React Native 的整體掌握, 會以 class component 為主 但可能會在課程滿足解鎖條件時帶大家試試看 小議題探討
: React Hook 既有的 class 寫法還能運作,React 團隊目前並無移除既有寫法的計畫 可以預期未來使用這個寫法的元件會越來越多 答案:先不用急,但要跟 Revtel Tech | 2020
小議題探討 : React Hook Why - How - What -
不同框架間有不同思考方式(React vs. Vue) 該如何復用 UI 及邏輯? 背景敘述 既有的實作方式依舊無法很乾淨的抽離邏輯 函數形式的元件表述易於整合,那就朝函數式方向前進 設計一個機制封裝具有副作用的功能(如 state 更改) Revtel Tech | 2020
小議題探討 : React Hook Revtel Tech | 2020 2 1
向下相容的必要性 適當的時間段 適當的工作切分 新技術導入節奏 - 先求不傷身體再求療效! 可能作法:在重構(refactor)時挑幾個 component 改寫 小議題探討
: React Hook Revtel Tech | 2020
Native 一定最好 大多數效能議題皆在開發者而非核心 高階語言的目的在於思考完整性 不要有效能迷思! 不斷學習,但要注意連貫性 前端就是一直在前進! 小結 Revtel Tech
| 2020
Q&A Q1:react-native-cli vs. expo Revtel Tech | 2020 Q2:React Native
vs. Flutter Q3:React Web 移植到 React Native 要注意什麼? Q4:擔任 RN 工程師,Native 的知識需涉獵到什麼程 度?
Q&A Revtel Tech | 2020 Q5:ReactNative 比 NativeScript 好在哪? Q6:若原本使用JAVA開發後端,要學習哪些知識來串
接 React 前端呢?
自課程習得 RN 開發 基本觀念及思考邏輯 原始碼:專案起始點 目的 總結 - 一起來研究 React
Native 為系列課程的第一堂 課程正在逐步完成中 Line加入我們 Hiskio課程頁面 Revtel Tech | 2020
Thank you! ⼊⾨最新 React Native 技術打造雙平台電商App Revtel Tech | 2020