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

Video link : http://revteltech.piee.pw/jsdc2021-video-sam

社群共筆：https://hackmd.io/@JSDC-tw/2021conference/%2FHsWC5T1CQWWPzzK_H55w6A

Medium 紀錄：https://revteltech.pse.is/jsdc2021-rn-note

JSDC2021：https://2021.jsdc.tw/
---

資訊技術及商業模式快速迭代的今天，怎樣平衡產品、需求、開發及管理是個永恆的議題。

真實世界的開發具有多面向，時常需要遊走在不同的標準間並做出妥協。

這個議程以過往顧問及開發經驗作主軸，從 React Native 為起點視角，分享如何提供多領域 (如電商、教育、金融及印刷) 及多技術 (如 IoT、網頁及 APP) 軟體方案的心得及體會。

Transcript

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

   View Slide

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

   View Slide

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
   

   View Slide

4. 合作夥伴：海外獨角獸到本土新創
   合作內容：專案、產品到合開公司
   技術範圍： Web
   、APP
   、IoT
   到內部系統
   開發領域：電商、物流、醫療、金融、展覽
   軟體方案公司：由 開發 /
   顧問 /
   維運 /
   管理 找尋商業可能
   、印刷、旅宿及教育等
   忻旅科技 RevtelTech
   

   View Slide

5. RN
   技術分享 /
   軟硬整合經驗談 / GatsbyJS
   分享 /
   電商開發 ...
   軟體開發二三事 https://medium.com/revtel-tech
   拋磚引玉
   

   View Slide

6. 真實世界的開發其實是多維度平衡
   技術選型 /
   研發累積 /
   流程管理 /
   團隊文化 / ...
   不斷切換領域可以作為一種觀察視角
   → 基於 React Native
   梳理一些沈澱下來的心得
   議題：跨越多領域的開發
   

   View Slide

7. 2015
   年由 Facebook
   提出之框架
   Learn Once, Write Anywhere
   Written in JavaScript / Rendered with native code
   Fast Refresh
   Brief
   React Native
   從 2016
   年的 0.27
   開始 (
   兩週一版的血淚年代ＸＤ)
   陸續開發超過 10
   個 app
   過往經驗
   

   View Slide

8. 案例：新加坡獨角獸電商
   似我者俗，學我者死：
   能用 → 大公司能用
   → 你能用
   → 你的團隊能用
   → 你的合作方能用
   最終還是綜合考量，時程 /
   背景 / ...
   技術挑選：Why RN
   

   View Slide

9. Static Site Generation - GatsbyJS
   搭建微服務組合
   善用 WebView
   等技術
   案例：兼有 Web
   、APP
   的電信新創
   資源有限的情況下以扁平組合匡列不確定性
   其他調整
   架構原則：盡量扁平
   

   View Slide

10. APP / Cloud / Firmware
    的分工
    testcase
    可以用來很好的做初期驗證
    案例：藍牙鎖 / NFC
    標籤 / NFC
    冷錢包
    適時引入軟體測試可以降低很多開發成本
    軟硬整合：善用測試
    

    View Slide

11. 定期讓大家分享新知並納入公司資產
    Internal SDK developing
    案例：react-native-nfc-manager / reactconf.tv
    開源的價值觀能很好的讓團隊進步
    ，如 env config
    及一些工具
    → 在研發和日常業務間拉出一條線
    源頭活水：開源心態
    

    View Slide

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

    View Slide