iT邦幫忙

鐵人檔案

2024 iThome 鐵人賽
回列表
Mobile Development

從零開始學React Native 系列

之前已經挑戰接觸過不同的跨平台開發工具,這次決定挑戰React Native,目標是在30天內從零開始,逐步打造一個簡易的應用程式。這個系列文章將記錄我的學習心得,希望能掌握一項新的技術!

參賽天數 20 天 | 共 20 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 11

【從零開始學React Native】10. 創建Todo Tracker——調整任務細節和統計頁面

調整任務細節頁面 首先我們先調整我們的任務細節頁面 // src\pages\task-detail.page.tsx import React, { useS...

2024-09-25 ‧ 由 Felix阿甫 分享
DAY 12

【從零開始學React Native】11. 創建Todo Tracker——調整新建頁面

今天來調整設定頁面,並且創建使用者頁面。然後修改bottom下方的按鈕。 創建使用者頁面 首先我們先創建使用者的類型和狀態。 // src/types/inde...

2024-09-26 ‧ 由 Felix阿甫 分享
DAY 13

【從零開始學React Native】12. 關於React Native的本地存儲

有時候,我們想要存儲一些資料在使用者的裝置上來做使用。在Web App中,我們可以使用localStorage和Cookie來將一些資料存儲在瀏覽器上。但在Re...

2024-09-27 ‧ 由 Felix阿甫 分享
DAY 14

【從零開始學React Native】13. 創建Todo Tracker——存儲資料在本地

我們先安裝MMKV來管理我們的資料。react-native-mmkv,這裡安裝2.12.2版本。記得要重新build。 創建一個用來操作Task的servic...

2024-09-28 ‧ 由 Felix阿甫 分享
DAY 15

【從零開始學React Native】14. 創建Todo Tracker——存儲資料在本地(二)

我們今天來創建存儲使用者在本地。 創建狀態和service 創建user service,並且登入部份我們先使用mock方法來模擬 // src\service...

2024-09-29 ‧ 由 Felix阿甫 分享
DAY 16

-【從零開始學React Native】15. 創建Todo Tracker——調整並新增路由

我們今天來使用react native的路由套件,我們使用React Navigation。 設置路由環境 安裝@react-navigation/native...

2024-09-30 ‧ 由 Felix阿甫 分享
DAY 17

【從零開始學React Native】16. 什麼是BAAS

之後我們將串接後端,但我們著重在react native app上,所以我們會使用BAAS來簡化我們後端的開發,今天我們先介紹什麼是BAAS BaaS (Bac...

2024-10-01 ‧ 由 Felix阿甫 分享
DAY 18

【從零開始學React Native】17. 創建Todo Tracker——建構並架設parse server

我們今天使用docker來創建本地的parse server。 創建環境 步驟1:創建項目結構 首先,讓我們在根目錄創建一個名為server的文件夾,用於存放所...

2024-10-02 ‧ 由 Felix阿甫 分享
DAY 19

【從零開始學React Native】18. 創建Todo Tracker——app設置並連接到parse server (上)

今天我們開始在react native設置,並連接到我們的parse server上。 首先我們先安裝套件: parse @parse/react-native...

2024-10-03 ‧ 由 Felix阿甫 分享
DAY 20

【從零開始學React Native】19. 創建Todo Tracker——app設置並連接到parse server (中)

打開Parse Dashboard![[Pasted image 20241004231433.png]]點擊Create a class來創建Class,命名...

2024-10-04 ‧ 由 Felix阿甫 分享