技術 Day 25 - 二周目 - React component 套件 Material-UI： Google Material Design 的實作套件

回憶 前面三天都是在談 Redux 關於前端的資料流，今天要談一個「非必要」的 react component 套件：Material-UI。它是Materia...

技術 【前端技術分享】利用 Material-UI 統一 UI framework（by 均一前端工程師宜陞）

Why we do this: 統一「自由奔放」的 UI 框架 1 個網站套用 5 個 UI 框架 開發前端 APP 的前置作業，不外乎是根據設計師送來的設計...

技術 Material UI更名為MUI、基本介紹、加載字體、import方式—Typography元件

本篇文章提及以下部分 Material Design 更名MUI Material UI優點 加載字體方法 import元件的方法 Typography-排版...

技術 Day 24 - 為什麼要用 Material-ui

前言 昨天聊到 styled-components，以及 CSS-in-JS 對於 React 開發的重要性，但考量到程式規模愈趨複雜，不太可能連一些很基本的元...

技術 格線系統、基本用法、Responsive values、Grid version 2？—MUI

本文包含以下內容 格線系統 基本用法 設置斷點 父組件設置欄數 Grid version 2 格線系統 如果先前有學習過boostrap5的人應該對於lay...

技術 Day 16 - UML x Interface — TextField

今天的 TextField 和明天的 FormControl 都是在介紹跟表單有關的介面和元件，而這主要是 Material-UI 實作的方式，在明天講完後，...

技術 Day 17 - UML x Interface — FormControl

上一章是在講跟 Input 相關的表單元件會使用 TextField 來給定表單會用到的 required, disabled, helperText 以及 l...

技術 補充: 建立 Todo list 畫面

發現昨天的介紹中漏掉新增 Todo 的畫面是怎麼來的，補充一下。 安裝 React Material UI 加載套件 yarn add @material-ui...

技術 前言：為什麼不用人家寫好的東西？

因為 component library 提供的元件很少會直接符合設計稿的需求，外觀的客製化基本上不可避。 於是我開始好奇，比起閱讀官方文件來了解如何對元件進行...