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

關於 React 小書:ComponentWillMount, ComponentDidMount, ComponentWillUnmount

關於 React 小書:ComponentWillMount, ComponentDidMount, ComponentWillUnmount

AI輔導室|製作圓形漢字印鑑效果

AI輔導室|製作圓形漢字印鑑效果

股癌

股癌


Comments