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
120
軟體的成本預估與時程規劃
sailplanetw
0
120
全方位技術整合:專業開發能力成就完善的智能平台
sailplanetw
0
160
從案例看製造業如何做數位轉型
sailplanetw
0
110
案例分享:台塑生醫實驗用藥追蹤系統
sailplanetw
0
120
[MOPCON 2022 Keynote] 從 IoT 到 Web2,從 Web2 到 Web3:那些開發路上的奇妙風景
sailplanetw
0
470
Offline x Online:HiPrint Smart Printing E-Commerce System
sailplanetw
0
220
從 APP 到雲端:物聯網產品的軟體設計該如何規劃
sailplanetw
0
330
感官文化印刷的全通路品牌營運策略
sailplanetw
0
250
Other Decks in Programming
See All in Programming
Porting a visionOS App to Android XR
akkeylab
0
460
A full stack side project webapp all in Kotlin (KotlinConf 2025)
dankim
0
120
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
760
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
200
テストから始めるAgentic Coding 〜Claude Codeと共に行うTDD〜 / Agentic Coding starts with testing
rkaga
12
4.4k
おやつのお供はお決まりですか?@WWDC25 Recap -Japan-\(region).swift
shingangan
0
130
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
11k
Composerが「依存解決」のためにどんな工夫をしているか #phpcon
o0h
PRO
1
250
20250704_教育事業におけるアジャイルなデータ基盤構築
hanon52_
5
780
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
590
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
440
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Statistics for Hackers
jakevdp
799
220k
Writing Fast Ruby
sferik
628
62k
Facilitating Awesome Meetings
lara
54
6.4k
How to Think Like a Performance Engineer
csswizardry
25
1.7k
The Cult of Friendly URLs
andyhume
79
6.5k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
YesSQL, Process and Tooling at Scale
rocio
173
14k
We Have a Design System, Now What?
morganepeng
53
7.7k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
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