[RN] 看YT學React Native – ToDoList 範例1

idobest

前言:

最近"幾個月"開自學React Native手機APP開發
因為常常在實作上碰到問題無法解決就會停下來
有時一停就停好幾個星期，把之前做的全忘光再從頭開始!
等到再實作某個範例時，寫完才知道之前早就做過了...
陷入重複學習的鬼打牆狀態，現在年紀有了所以還是要好好記錄
不要偷懶不寫筆記...陷入自學的無限迴圈裡 = =|||

新的主題:看YouTube學 React Native

這是我今年2022年的新目標，寫出幾個手機APP
買了一些線上課程，之前沒作筆記的原因是覺得把課程內容放到這邊(blog)
不太恰當(偷懶的理由 XD)

所以現在找到一個解決的方法，在YT上面找React Native的教學影片
來作筆記，內容都找我買的線上課程相同的題目...
不過寫到一半...發現...其實我買的課程很多都可以不用買
直接看YT就好了...

第一個練習的APP: ToDo List

圖片

ToDo List 這個範例，已經萬年老梗中的老梗，但不得不說，確實有用
除了這篇以外，還會寫幾篇不一樣版本的ToDo List 筆記(都是在不同的YT上看到的)
今天這一版的ToDO List 只有新增跟刪除的功能，沒有修改、存檔的功能

程式碼:

心得總結:

1. 使用 useState 存輸入的字串
2. 自製元件(components)
3. props 傳值
4. 使用map 來當作迴圈 輸出 JSX
5. 點點點的用法 (只是略懂...)

範例 source code:

git clone https://smilehsu@bitbucket.org/smilehsu/rn_example_todolist_1.git

Reference: