iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Mobile Development

React Native CLI 開發心法 系列

分享使用 React Native CLI 開發 APP 的心路歷程與踩坑經驗談,內容聚焦專案實戰應用工具以及常見的 APP 功能開發、APP 送審上架等分享,期望這些文章可以在讀者在思考如何開發或專案卡關時有所幫助。

鐵人鍊成 | 共 31 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文 團隊曼陀號計畫V
DAY 1

DAY 1 - 前言&React Native 簡介

前言 預計分享的內容 有感於 React Navie 繁體中文的內容偏少加上在工作中踩了不少坑,因此這次鐵人賽將分享我以網頁前端工程師的角度開發 React N...

2023-09-07 ‧ 由 Ashley 分享
DAY 2

DAY 2 - React Native 開發的成本與學習的管道

既然想選擇 React Native 作為開發工具,當然要先評估會有哪些成本?是否能負荷?進而開始學習。 使用 React Native CLI 開發 APP...

2023-09-08 ‧ 由 Ashley 分享
DAY 3

DAY 3 接手 React Native CLI 專案應該知道的事 - React Native CLI 篇

大部分的文章都是討論怎麼從 0 開始開發 React Native 專案,但其實真實的情況更多的是你必須從接手前人的 code 開發,假設有完整的文件可以查找,...

2023-09-09 ‧ 由 Ashley 分享
DAY 4

DAY 4 接手 React Native CLI 專案應該知道的事 - React Native 版本 (更新至 0.74)

留意專案目前使用的 React Native 版本 React Native 版本很重要,根據 React Native 的版本號不同,所支援的功能、環境、套件...

2023-09-10 ‧ 由 Ashley 分享
DAY 5

DAY 5 接手 React Native CLI 專案應該知道的事 - React 狀態管理工具 & React Navigation &應用程式上架憑證及金鑰

專案使用的 React 全域狀態管理工具(State Management)是什麼? 在 React Native 專案中狀態管理通常是必備的工具之一,但狀態管...

2023-09-11 ‧ 由 Ashley 分享
DAY 6

DAY 6 React Native Debug 工具 - Metro (上)

這邊我會先介紹 React Native 的 debug 工具有哪些?如何使用?最後會分享實戰如何透過 debug 工具解決問題。 Metro 先從官方文件預設...

2023-09-12 ‧ 由 Ashley 分享
DAY 7

DAY 7 - React Native Debug 工具 - Metro (下)

Metro 的 Fast Refresh 功能 Metro 中重要 debug 功能就是支援 Fast Refresh ,這個功能供開發者即時的回應,讓使用者可...

2023-09-13 ‧ 由 Ashley 分享
DAY 8

DAY 8 React Native Debug 工具 - Logo box & Flipper

Logo box Logo box 是 React Native 0.63 推出的一個 debugg 功能,當你在開發環境進行開發過程中程式碼有錯誤,就會自動地...

2023-09-14 ‧ 由 Ashley 分享
DAY 9

Day 9 修改 npm 套件的好幫手  -  patch-package

在開發時很常會使用到非常多套件,但有時候這些套件的某些功能壞了、或是跟你所開發的環境衝突,套件的開發者沒有在維護了又或者是沒那麼快發布修正後的版本,那麼該怎麼辦...

2023-09-15 ‧ 由 Ashley 分享
DAY 10

DAY 10 React Native 環境變數設定 - Android

為什麼要設置環境變數?一般軟體開發專案,會將環境設置成:Production 正式產品環境、 Staging 準正式環境、Development 開發環境、Te...

2023-09-16 ‧ 由 Ashley 分享