簡單聊聊，我為什麼又多下載react跟tailwind使用
更新於 2024/07/09閱讀時間約 2 分鐘
痾，隔了好幾天真是抱歉，我原本預計每格兩三天就發一次文，但由於我又去學了react跟tailwind，所以花了不少時間，反正我就簡單說明一下為什麼我中途去學這兩個函式庫。
先從react開始：
其實市面上有許多前端框架像是react,angular,vue...
至於為什麼我會選擇react…
痾…不知道
我當時只是隨便選的ww
哈哈，幸好學下來我也覺得react不錯用
React能幫我把每個html組件分類，分檔案，眼睛終於不會脫窗，找不到我要的組件在哪裡，你們可能覺得我太誇張，可是這是真的，明明每個東西都用div分的乾淨又整齊，但每次要用的時候，還是找半天，好痛苦阿啊。
當然react也有幫我的程式做優化，所以會有一些特性
剛開始用會比較不習慣，像是react是單向溝通的架構，(父容器能傳資料給子項，但子項不能傳資料給父容器，不過要傳也是可以拉，只是盡量不要用)，要換一下思考方式
而且要熟悉一下Hook(react的func)的用法，新手基本上學useState 跟 useEffect就夠了，但其實我覺得會useState就已經能做出很多功能了
接著是tailwind:
其實原因很簡單，就只是因為用了react之後，我每個檔案的程式變很短，所以我就覺得好像不用特地在分一個檔案去管理style了。
簡單說一下，tailwindcss是一個加速編輯css的架構，他會預先生成很多class，要用的時候就直接去html的class=''那裏打入名字
預先生成的class
像是個例子，我打的這短短幾個字我就對h1設定了長寬、display、position
p.s. className == html的class 是因為這個東西是在js檔寫的，所以為了避免重複才改名的
歐對了，他也有預先生成顏色，要用就直接打就好
反正就是這樣，所以我想我會再創一個沙龍
我知道react跟tailwind其實還有很多用處，不過剩下的功能以後再講
留言0
查看全部
你可能也想看
Google News 追蹤
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
退休後越來越覺得生活簡單帶來了很多的好處。
人的大腦很奇特，當生活上懂得取捨後，思緒就會變清晰，勇於自我探索，了解自己內心需求，做自己想做的事，不再迎合世俗的眼光，勇敢做自己。
相信格友們近期有注意到，vocus 推出了一項全新的服務「簡單溫度計」，並且正在招募創作者成為長期合作夥伴。為了幫助大家進一步認識簡單溫度計的服務，瞭解與簡單溫度計合作的條件、流程，我們在 04/10 晚上舉行了一場免費直播，這篇文章即是整理直播中的精華
這是個以「自由」為目標，分享閱讀筆記的專題。期盼能得到荷米斯(Hermes)的守護，傳遞一本本好書。
最近會來分享幾個 12 月和多位海外投資、網路軟體產業專家朋友們對談中有趣的論述，原本想用一篇解決，但現在看起來可以拆好幾篇連載來寫。
「何謂反轉型態？」
在技術分析領域當中，觀察價格走勢常表現出的『固定習慣』，從古至今一直是飽受投資人追捧的方式之一，而統合相關資訊的專業也就是我們俗稱的『型態學』！
那麼什麼又是『反轉型態』呢？其實顧名思義就表示些時常出現在『多空交界處』的型態種類，今天所要論述的頭肩型態即是其中一大代表。
回歸價格波動的本質『供需』，買入量大時就會刺激價格『上漲』，賣出量大時就會推進價格『下跌』，而當價格上升時就會有人獲利了結賣出，反之亦然，因此，價格就在這一買一賣間上下震盪以取得平衡，DMI 指標就是更方便我們看出這段交雜過程的工具，只要把時間軸拉大（例如：周線、月線），整體價格行為的表現就會越發明
給一個情境和學生討論環保
「如果你去外面買一份蛋餅回家吃，會產生多少的塑膠製品呢？」我問學生。
「盒子、免洗筷還有袋子，所以是三個塑膠垃圾。」一群二年級的學生嘰嘰喳喳這樣回答著。
「很好，那如果你的午餐、晚餐也都選擇外帶，一個人一天可能就會產生十幾個垃圾。」我繼續延伸著情境。
過去有影視編劇資歷的作者，讓全書極具畫面感，隨著敘述切換到回憶分鏡、又轉到諮商現場，個案咆哮、哭泣都十分能身歷其境。這本書同時顛覆我對心理勵志類書籍的想像，既不雞湯、也不說教，甚至可以感受到作者在書寫過程中，也同步在尋找自身的答案。
*合作聲明與警語：
本文係由國泰世華銀行邀稿。
證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。
剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科
退休後越來越覺得生活簡單帶來了很多的好處。
人的大腦很奇特，當生活上懂得取捨後，思緒就會變清晰，勇於自我探索，了解自己內心需求，做自己想做的事，不再迎合世俗的眼光，勇敢做自己。
相信格友們近期有注意到，vocus 推出了一項全新的服務「簡單溫度計」，並且正在招募創作者成為長期合作夥伴。為了幫助大家進一步認識簡單溫度計的服務，瞭解與簡單溫度計合作的條件、流程，我們在 04/10 晚上舉行了一場免費直播，這篇文章即是整理直播中的精華
這是個以「自由」為目標，分享閱讀筆記的專題。期盼能得到荷米斯(Hermes)的守護，傳遞一本本好書。
最近會來分享幾個 12 月和多位海外投資、網路軟體產業專家朋友們對談中有趣的論述，原本想用一篇解決，但現在看起來可以拆好幾篇連載來寫。
「何謂反轉型態？」
在技術分析領域當中，觀察價格走勢常表現出的『固定習慣』，從古至今一直是飽受投資人追捧的方式之一，而統合相關資訊的專業也就是我們俗稱的『型態學』！
那麼什麼又是『反轉型態』呢？其實顧名思義就表示些時常出現在『多空交界處』的型態種類，今天所要論述的頭肩型態即是其中一大代表。
回歸價格波動的本質『供需』，買入量大時就會刺激價格『上漲』，賣出量大時就會推進價格『下跌』，而當價格上升時就會有人獲利了結賣出，反之亦然，因此，價格就在這一買一賣間上下震盪以取得平衡，DMI 指標就是更方便我們看出這段交雜過程的工具，只要把時間軸拉大（例如：周線、月線），整體價格行為的表現就會越發明
給一個情境和學生討論環保
「如果你去外面買一份蛋餅回家吃，會產生多少的塑膠製品呢？」我問學生。
「盒子、免洗筷還有袋子，所以是三個塑膠垃圾。」一群二年級的學生嘰嘰喳喳這樣回答著。
「很好，那如果你的午餐、晚餐也都選擇外帶，一個人一天可能就會產生十幾個垃圾。」我繼續延伸著情境。
過去有影視編劇資歷的作者，讓全書極具畫面感，隨著敘述切換到回憶分鏡、又轉到諮商現場，個案咆哮、哭泣都十分能身歷其境。這本書同時顛覆我對心理勵志類書籍的想像，既不雞湯、也不說教，甚至可以感受到作者在書寫過程中，也同步在尋找自身的答案。