$30 off During Our Annual Pro Sale. View Details »

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

Sam Huang
October 29, 2021

[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) 軟體方案的心得及體會。

Sam Huang

October 29, 2021
Tweet

More Decks by Sam Huang

Other Decks in Programming

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
    開始 (
    兩週一版的血淚年代XD)
    陸續開發超過 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