這是我在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 熱更新應用
![React Native 奇幻之旅(1)-前言 14](https://i.imgur.com/x4FLjxT.png)