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


Posted by 半夏 on 2021-09-05

React & Redux

【今日目標】

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

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

✘ 課程:|晚上你就給我看這個!|[FE301] class component 能看到哪就看到哪(邊做筆記)

【早起跟其他活動】

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

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

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

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

✘ 提取: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 ,先求把作業做完就好不然會永遠寫不完QQ

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

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

✘ 課程:|3hour|[FE301] class component 能看到哪就看到哪(邊做筆記)










Related Posts

Day05 LINE 2.0

Day05 LINE 2.0

v-model 資料雙向綁定/各種表單運用

v-model 資料雙向綁定/各種表單運用

Day06: GraphQL - Enumeration and list types wiht node.js

Day06: GraphQL - Enumeration and list types wiht node.js


Comments