[JSDC 2021] 從 React Native 跨屏開始的多領域開發歷程

Transcript

1. 從 React Native 跨屏開始的 多領域開發歷程 2021 JSDC RevtelTech 忻旅科技 Sam

   Huang

2. Agenda 背景介紹 議題描述 議題總結 心得分享

3. 台大資訊系 / 所 ： 嵌入式系統暨無線網路實驗室 Garmin Platform Team Engineer /

   ( ... ) Software Engineer RevtelTech 忻旅科技 / EcultureTech 奕果雲端 Co-Founder 嵌入式系統 openCSL 開放式教材 / ARM Accredited Engineer Firmware → Linux driver → Android framework → APP / Web Engineer / Consultant / Manager (CEO or CTO) www.sam-huang.info

4. 合作夥伴：海外獨角獸到本土新創 合作內容：專案、產品到合開公司 技術範圍： Web 、APP 、IoT 到內部系統 開發領域：電商、物流、醫療、金融、展覽 軟體方案公司：由 開發

   / 顧問 / 維運 / 管理 找尋商業可能 、印刷、旅宿及教育等 忻旅科技 RevtelTech

5. RN 技術分享 / 軟硬整合經驗談 / GatsbyJS 分享 / 電商開發 ...

   軟體開發二三事 https://medium.com/revtel-tech 拋磚引玉

6. 真實世界的開發其實是多維度平衡 技術選型 / 研發累積 / 流程管理 / 團隊文化 / ...

   不斷切換領域可以作為一種觀察視角 → 基於 React Native 梳理一些沈澱下來的心得 議題：跨越多領域的開發

7. 2015 年由 Facebook 提出之框架 Learn Once, Write Anywhere Written in

   JavaScript / Rendered with native code Fast Refresh Brief React Native 從 2016 年的 0.27 開始 ( 兩週一版的血淚年代ＸＤ) 陸續開發超過 10 個 app 過往經驗

8. 案例：新加坡獨角獸電商 似我者俗，學我者死： 能用 → 大公司能用 → 你能用 → 你的團隊能用 →

   你的合作方能用 最終還是綜合考量，時程 / 背景 / ... 技術挑選：Why RN

9. Static Site Generation - GatsbyJS 搭建微服務組合 善用 WebView 等技術 案例：兼有

   Web 、APP 的電信新創 資源有限的情況下以扁平組合匡列不確定性 其他調整 架構原則：盡量扁平

10. APP / Cloud / Firmware 的分工 testcase 可以用來很好的做初期驗證 案例：藍牙鎖 /

    NFC 標籤 / NFC 冷錢包 適時引入軟體測試可以降低很多開發成本 軟硬整合：善用測試

11. 定期讓大家分享新知並納入公司資產 Internal SDK developing 案例：react-native-nfc-manager / reactconf.tv 開源的價值觀能很好的讓團隊進步 ，如 env

    config 及一些工具 → 在研發和日常業務間拉出一條線 源頭活水：開源心態

12. 總結 從大處看，從小處做 同中求異，異中求同