Skip to content

Latest commit

 

History

History
28 lines (25 loc) · 1.73 KB

readme.md

File metadata and controls

28 lines (25 loc) · 1.73 KB

從零開始的 React Native TodoList 開發

這個專案是為了配合我們的 React Native TodoList 開發課程所創建的。每個分支都對應到課程的某一部分,從 3-1 開始,到 5-3 結束。下面提供的連結會帶你去對應的分支,你可以參考各個階段的程式碼,跟著課程進行實作。

課程內容與分支

  1. 專案介紹與環境設定
    1. 系列影片介紹及學習目標
    2. React Native 和 Expo 介紹
    3. 環境設定
    4. 建立新的 Expo 專案
  2. 專案結構與 React Native 基礎
    1. 介紹 React Native 專案結構
    2. React Native 元件與佈局
  3. 新增待辦事項功能
    1. 新增一個表單來加入新的待辦事項
    2. 使用 context 和 useReducer 來管理與傳遞資料狀態
  4. 顯示待辦事項列表
    1. 使用 React Native 的列表元件展示待辦事項
    2. 避免使用者輸入空字串
    3. 如何使用 Checkbox 讓使用者勾選已完成?
    4. 使用 Image 表示未新增
    5. 刪除待辦事項
    6. 使用 Expo 的 Icons 來增加用戶體驗
  5. 進階功能
    1. 使用 Modal 提示使用者是否刪除
    2. 使用 Modal 編輯待辦事項
    3. 儲存待辦事項到本地儲存