鐵人檔案
起---
白板網頁一年 框架網頁一年的 菜機前端工程師 之前還是寫Vue
故使用React 框架時先使用material-ui 加速排版跟樣式是相當合理的
承---
承受了各大鐵人賽的教學 總要回饋社會
轉---
轉念來說 ，就是整理筆記與各位共勉之
合---
在這個磨合期，剛好配上鐵人賽，希望能好好完賽的結局
希望在這30天內完成side project 並且能有效的幫助跟我一樣迷惘的新手期網友
Day10在許多登入畫面會選擇某些內容 像選擇參觀網站是否滿18歲等等選項 所以可以用下拉選單來顯示其中MenuItem value設定得值的 可用來改變use...
Day11 開關通常用於兩個狀態的切換 以筆者常用個功能 會在nav中加入切換語系的開關 首先先在useState設置語言去監控 在開關的使用上再加上判斷去做處...
傳統網頁曾經有用過Table 排版並顯示 當各式排版方式橫行的時代 Table 已經歸類於資料呈現的方式了 想當然爾，material-UI 也有自我樣式的Ta...
material-UI 有制式的 Table之外 還有像傳統 Table一般 用TableContainer 包含TableHead 跟 TableBody 比...
在需要提示，或是小分頁顯示時 通常我們會選擇 Dialog 彈跳視窗 這邊的使用背景是在D14時，如果商品有任何問題，我們可以在點選問號時給予他一個彈窗 首先先...
許多網站在各個功能項目上，都需要一些提示， 例如iT幫幫忙的簡訊 import * as React from 'react';import DeleteIco...
一般的 Alert不能滿足您了嗎 來試試新鮮佐料 mui Alert This is an error alert — check it out!This is...
任何一個網頁在載入的同時 如需要等待 或過場需要，都可以加入loading 所以需要以下元件 `Show backdrop<Backdropsx={{ c...
在下載或等待處理時情況下 你會需要簡單的進度條 這樣CircularProgress 就可以派上用場了 <Box sx={{ position: 're...
當新增資訊成功或網路發生錯誤時，通常會有短暫的消息在下方提示 那麼Snackbar（消息條） 就可以很好的利用 <Button onClick={hand...
