2021-09-05 持續進化的 React 學習心得

React & Redux

【今日目標】

△ 練習：｜拜託自己請給我今天完成｜用 React 實作出一個 todo list

複習：｜這個剛剛已經完成惹好棒哦｜ [ALG101] 挑一題練習寫出來

✘ 課程：｜晚上你就給我看這個！｜[FE301] class component 能看到哪就看到哪（邊做筆記）

【早起跟其他活動】

運動：瑜珈
今天做了一個動作是躺在地上把下半身撐起來垂直地面，然後把腳放在頭上，影片裡Juliana 的身體可以這麼軟真的很神奇，我也好喜歡她手臂的肌肉線條，希望有一天我也可以(?)

唸書：思維進化
真的覺得這本書對現在的自己很有幫助，有打開自己另一種思考方式的感覺。
昨天看到某個段落是在講拖延症，標題就寫著一句「你沒有未來」，心裡其實是滿反感的，但是看完解釋好像他講的也滿有道理，拖延症就是一種有「明天」、「後天」、「下禮拜」都可以做，最後什麼都沒完成的症狀。
比較常聽到的說法應該是「專注當下」你可以做什麼，你想做什麼現在就開始做吧！

我真的滿喜歡打心得文的哈哈，越打越有勁然後重要的作業(；¬д¬)
謝謝來密我的同學，你們就是提升我打心得這個興趣的一種小確幸ＸＤ

【昨日學習心得】✔︎ △ ✘

✘ 提取：A4 白紙寫下昨天學了什麼

✔︎ 複習：｜30min｜ [ALG101] 挑一題練習寫出來

覺得一直不想開始是因為沒有把環境弄好，就是那個在本地端 cat input.txt | node code.js 再打心得文的當下就給他放在一個資料夾裡設定好惹，刻不容緩～！！

△ 練習：｜2hour｜用 React 實作出一個 todo list

大概練習了 2 個小時，但是都是在研究套件。
本來就只是想把版面弄得好看一點，想說來套個 Bootstrap 好了，可以在 styled-component 內當元件引用，但是發現只是覆寫而已，就覺得有更好的做法，上網查發現有人把 Bootstrap 的設定更簡單化改造成 bootstrap-styled，但是已經一二年沒更新想說還是依據 Bootstrap 官網的方式走好了，設定好了之後又覺得 Bootstrap 編譯出的 css 很肥大只能整包引入進來，然後自訂的 custom.scss 檔內的設定也只是編譯出來覆寫了內建的 scss 而已，就覺得應該有更好的做法吧

後來就想說不然來研究一下 material-ui ，簡直是 Bootstrap 超強進化版，也好像有類似 styled-component 的寫法可以使用，而且只要安裝他的套件，不像 Bootstrap 還要另外裝 scss 跟設定一堆東西。
但是這個作業打算先停損在 Bootstrap ，先求把作業做完就好不然會永遠寫不完ＱＱ

一開始只是想要把按鈕改得好看一點，只是想改個顏色，其實自己寫也滿快的但是就要一種求好心切（是這樣用嗎？）的心態然後去查了一堆文件，但是也是學到要怎麼樣找資料的感覺。

希望以後找 React 的相關資料也可以這麼順風順水哈哈

✘ 課程：｜3hour｜[FE301] class component 能看到哪就看到哪（邊做筆記）