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

前言:

最近”幾個月”開自學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://[email protected]/smilehsu/rn_example_todolist_1.git

---

Reference:

• Build your first React Native app – Todo List Tutorial Part 1
• Build your first React Native app – Todo List Tutorial Part 2
• 從ES6開始的JavaScript學習生活