Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

845fae80ed8b704a88b32500b3db4c53?s=128

Sam Huang (sailplaneTW)

August 31, 2020
Tweet

More Decks by Sam Huang (sailplaneTW)

Other Decks in Programming

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