這次 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 已經幫你寫好了,只要稍微調整之後就可以直接拿來用。