2024-07-09|閱讀時間 ‧ 約 23 分鐘

簡單聊聊,我為什麼又多下載react跟tailwind使用

痾,隔了好幾天真是抱歉,我原本預計每格兩三天就發一次文,但由於我又去學了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其實還有很多用處,不過剩下的功能以後再講

分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.