React Next.js and Material UI(MUI)


Posted by 半夏 on 2021-10-13

這次 finial project 使用 React Next.js 還有 Material UI,Material UI 在最近改版變成 MUI ,引入的套件名稱都換掉了,官網的logo 也更新,就趁著這次專案實作看看。

元件使用:

  • react
  • styled-components
  • next.js
  • mui
  • mui icon
  • emotion (在 MUI 5 一定要裝 @emotion/react 跟 @emotion/styled 不然會報錯)
  • eslint
  • prettier

剛開始使用 MUI 套件的時候,會覺得上面要引入一大堆東西,但減少了很多寫 CSS 的部分,因為剛開始熟悉 MUI 所以切版不算快,越來越熟悉之後就覺得其實滿好用的,而且介面也可以很漂亮。

MUI 官網上就有很多範例可以用,裡面也有一些 status 已經幫你寫好了,只要稍微調整之後就可以直接拿來用。










Related Posts

電腦科學概論筆記2 迴圈

電腦科學概論筆記2 迴圈

各種在瀏覽器上發送 request 的方法

各種在瀏覽器上發送 request 的方法

CS50 TCP (Transmission Control Protocol)

CS50 TCP (Transmission Control Protocol)


Comments