型別的差異JavaScript 的型別分為以下兩種。 「原始型別」，沒有屬性與方法。 「物件型別」，可任意存取屬性與方法。

使用 useState 製作出一個簡易的彈出視窗(Modal)。

前言Styled Components 的寫法十分多元，剛開始接觸時只會將 CSS 放進去，完全不知道如何將 CSS 內容元件化，還有如何利用 props 改變樣式。

前端很重要的一項技能就是切版，切版就是一項看似簡單，但充滿眉眉角角的一項技能。也是在自己使用 Figma 設計 UI 之後，才更了解到專業的重要。

此系列將會找一些在 Dev community，或是 Medium 的英文文章。一方面看看外國人如果寫出好的技術文章，一方面練練英文閱讀，將讀過的內容消化吸收，再加上自己的見解，撰寫成筆記，方便往後自己查閱。

使用React Hooks 實作一個 Music Player此筆記將會記錄學到的技巧與不清楚的知識點。

前言整理 styled-components 的一些使用方法。根據 styled components官方文件進行紀錄。

雖然之前整理過一篇 Sass 筆記，但許多實作的地方紀錄的還是有點不清楚。 為什麼要使用 Sass?管理 css 的時候非常方便。 但是，網頁只看的懂 css 檔案，副檔名還是 css，不用改 sass。

CSS 語法這邊會記錄自己不熟的 CSS 語法，與實作上遇到的觀念。 line-heightline-height是行高設定。當line-height 為 1 時，元素高度就會等於本身的文字內容高度。 因此，要和文字等高的話，就需要變更行高設定。但通常文字內容或是標題的行高都會設定 1.5 或是 1.2，避免內容看起來太擠

CSS 樣式小節作業切版 - CSS 樣式 修改的建議: