所有文章: 2020

2020
0
React

React - styled-components CSS套件

React - styled-components 安裝和使用 安裝 TypeScript Button 元件，定義兩種主題 styled-components 的主題切換方法 先安裝套件 1npm install --save styled-components 安裝 TypeScript 1npm install @types/styled-components --save 新增一個

0
React

React - Storybook 組件視覺化工具

React - Storybook 安裝和使用 notes、viewport 套件這套件超好用的，搭配 React 的組件概念，可以直接顯示切版的樣子，又可以切換不同裝置，還可以寫 Markdown 文件，方便給其他開發者觀看，真的是超棒的，那就開始教學吧，分3個部分教學： Storybook 安裝教學 Storybook notes 套件使用方法 可以寫 Markdown 說明文件 Story

0
React

React - TypeScript、ESLint、Prettier 環境建置

React - TypeScript、ESLint、Prettier 環境建置使用 create-react-app 建立專案這篇文章在教你如何使用 create-react-app 建立的專案搭配 TypeScript、ESLint、Prettier，所建立起來的環境。還會教你如何在 git commit 的時候自動檢查專案的程式碼。 使用create-react-app建立專案使用creat