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
Introduction to kotlinx.rpc
arawn
0
630
SwiftUIで単方向アーキテクチャを導入して得られた成果
takuyaosawa
0
260
CNCF Project の作者が考えている OSS の運営
utam0k
5
690
『GO』アプリ バックエンドサーバのコスト削減
mot_techtalk
0
130
Amazon S3 TablesとAmazon S3 Metadataを触ってみた / 20250201-jawsug-tochigi-s3tables-s3metadata
kasacchiful
0
100
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
110
テストをしないQAエンジニアは何をしているか?
nealle
0
130
Software Architecture
hschwentner
6
2.1k
Honoをフロントエンドで使う 3つのやり方
yusukebe
5
2.2k
ARA Ansible for the teams
kksat
0
150
2,500万ユーザーを支えるSREチームの6年間のスクラムのカイゼン
honmarkhunt
6
5.1k
Bedrock Agentsレスポンス解析によるAgentのOps
licux
2
720
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Making Projects Easy
brettharned
116
6k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Docker and Python
trallard
44
3.3k
We Have a Design System, Now What?
morganepeng
51
7.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
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