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

webpack 打包工具入門

webpack 打包工具入門

Day01 Transfer Learning 遷移式學習

Day01 Transfer Learning 遷移式學習

[ 狀況題 ] 如何徹底將檔案從 Git 中移除?

[ 狀況題 ] 如何徹底將檔案從 Git 中移除?


Comments