[直播分享] 20200831 Hiskio 課程 - 入門最新 RN 技術 - 打造雙平台電商 App

影片：https://www.youtube.com/watch?v=pqEPYD91bFY

Transcript

1. 入門最新 React Native技術 打造雙平台電商App Sam Huang Revtel Tech | 2020
2. 內容大綱 Revtel Tech | 2020 背景介紹 Q&A 個人及團隊資訊 / 課程設計 React Native 介紹 雙平台開發的注意要點 React Native 近期發展 小議題探討：React Hook !? 2020 React Native 介紹 總結 小結 4 5 3 2 1
3. 資訊科學本科，有十年以上開發經驗 橫跨 WEB / APP / IoT 等多領域 任多間公司策略及技術長（忻旅科技共同創辦人） 經歷超過20個 React Native 專案/產品開發 偶爾會做技術分享 （如 yourator求職平台/台科大/天瓏書局） 背景介紹 - 個人及團隊資訊 Sam Huang 黃奕翔 唯有交流才能成就最好的自己！ 唯有交流才能成就最好的自己！ Revtel Tech | 2020
4. 背景介紹 - 課程設計 對課程的思考 - 應多考量參與課程者的背景 對學習的思考 - 應多注重在觀念建立 對技術的思考 - 應多引入實務的角度 Revtel Tech | 2020
5. React Native 介紹 Facebook 於 2015/03 公開的跨平台開發框架 官方支援 Android / iOS 社群支援 Windows 等 React Native 許多知名公司採用 Revtel Tech | 2020
6. 技術：大前端時代！ 個人：技能養成的最佳路徑 為什麼我們需要投資 / 熟悉 React Native？ Facebook 宣示資源投入 在 StackOverflow 很熱門 React Native 廣被接受 Revtel Tech | 2020
7. 以網頁開發技能貫串整個開發核心 最大化共用已開發之程式碼 Facebook 及強大社群支持 (含微軟！) 使用 React Native 的好處 雙平台開發的注意要點 功能 / 體驗 穩定 / 可維護 / 技術路徑 專案可控性 現實軟體工程開發其實是在尋求幾個維度的平衡 Revtel Tech | 2020
8. 效能 : 引入效能較佳的 JS engine - HERMES 開發 : fast refresh 分工更明確 : Facebook 及社群分頭努力 一些發展方向 原生組件架構優化 渲染部分的重構 近一步降低啟動時間 Facebook 不斷宣示會挹注資源（React Conf 及相關 blog） React Native近期發展概況（近一年） Revtel Tech | 2020
9. React Native 核心架構 React Native近期發展概況（近一年） Revtel Tech | 2020
10. 此次課程比較著重在 React Native 的整體掌握， 會以 class component 為主 但可能會在課程滿足解鎖條件時帶大家試試看 小議題探討 : React Hook 既有的 class 寫法還能運作，React 團隊目前並無移除既有寫法的計畫 可以預期未來使用這個寫法的元件會越來越多 答案：先不用急，但要跟 Revtel Tech | 2020
11. 小議題探討 : React Hook Why - How - What - 不同框架間有不同思考方式（React vs. Vue） 該如何復用 UI 及邏輯？ 背景敘述 既有的實作方式依舊無法很乾淨的抽離邏輯 函數形式的元件表述易於整合，那就朝函數式方向前進 設計一個機制封裝具有副作用的功能（如 state 更改） Revtel Tech | 2020
12. 小議題探討 : React Hook Revtel Tech | 2020 2 1
13. 向下相容的必要性 適當的時間段 適當的工作切分 新技術導入節奏 - 先求不傷身體再求療效！ 可能作法：在重構（refactor）時挑幾個 component 改寫 小議題探討 : React Hook Revtel Tech | 2020
14. Native 一定最好 大多數效能議題皆在開發者而非核心 高階語言的目的在於思考完整性 不要有效能迷思！ 不斷學習，但要注意連貫性 前端就是一直在前進！ 小結 Revtel Tech | 2020
15. Q&A Q1：react-native-cli vs. expo Revtel Tech | 2020 Q2：React Native vs. Flutter Q3：React Web 移植到 React Native 要注意什麼? Q4：擔任 RN 工程師，Native 的知識需涉獵到什麼程 度?
16. Q&A Revtel Tech | 2020 Q5：ReactNative 比 NativeScript 好在哪？ Q6：若原本使用JAVA開發後端，要學習哪些知識來串 接 React 前端呢？
17. 自課程習得 RN 開發 基本觀念及思考邏輯 原始碼：專案起始點 目的 總結 - 一起來研究 React Native 為系列課程的第一堂 課程正在逐步完成中 Line加入我們 Hiskio課程頁面 Revtel Tech | 2020
18. Thank you! ⼊⾨最新 React Native 技術打造雙平台電商App Revtel Tech | 2020