React Native 奇幻之旅(1)-前言

React Native logo

這是我在2023第十五屆 iThome 鐵人賽發表的系列文章。

https://ithelp.ithome.com.tw/users/20136637/ironman/6408

前言

這是我第一次報鐵人賽,報名原因是為了督促自己學習、複習所學過的東西,以及分享自己的一些實作經驗。現在RN的文章網上一搜就有很多,因此我就不再生出類似的東西了,會更多的分享實作時遇到的一些問題和解決方式,但要提前先說分享的內容之間可能沒有什麼連續性(?)

若文章中用詞、寫法有問題或者覺得還能再優化的話都歡迎留言一起交流~

技術和工具

  • TypeScript
  • React Native
  • 一小部分內容會涉及到 Expo (SDK 49)

目錄

內容目錄如下:

  • Day1: 前言
  • Day2-6:RN內建組件
    • TextInput
    • Touchables
    • FlatList
    • Image
    • Modal
  • Day7: import區塊的整理
  • Day8: 在 React Native 中使用 Icon
  • Day9: 狀態欄(Statusbar)
  • Day10: 樣式(Styling)
  • Day11-12: Responsive
  • Day13-15: 路由導航(React Navigation)
  • Day16: 表單驗證(zod & react-hook-form)
  • Day17: 鍵盤遮擋(KeyboardAvoidingView)
  • Day18: 管理環境變數(env)
  • Day19: 資料的存儲和快取
  • Day20: 多語系切換 (react-i18next)
  • Day21-23: 使用 Amplify 進行身份驗證(含第三方登入)
  • Day24: Debugging 基本的調試工具和方法
  • Day25: 使用 Sentry 捕獲錯誤和異常
  • Day26: EXPO + Github Action 自動化構建程序
  • Day27: 應用上架前的準備工作
  • Day28: 打包應用與上架 PlayStore (Android)
  • Day29: 打包應用與上架 App Store (iOS)
  • Day30: 使用 CodePush 熱更新應用
guest

0 評論
最舊
最新 最多投票
內聯回饋
查看全部評論