Cleaner Code with React Fragments & Portals
約 1 分鐘
透過 Fragments 與 Portals 讓我們可以使用 React 撰寫出更乾淨的 HTML Code。
大貓的第一個家
歡迎來到我的部落格，這裡有我分享的技術筆記、生活點滴和旅遊見聞。
第 8 頁，共 15 頁
Styling React Components
約 1 分鐘本文介紹 React 中基本的樣式撰寫方式，包含 Inline Style、CSS Modules、styled-components 等方式。
[React] Lifting The State Up
約 1 分鐘Props 的用途是讓父子元件之間傳遞狀態，使子元件也能使用到父元件定義的狀態，而子元件的狀態也能透過 Lifting State 的方式提升給父元件使用。
[React] 正確地使用 State 與 useState Hook
約 2 分鐘本文介紹 React 中 State 的概念，包含 useState Hook、Snapshot、Lazy State Initialization 等觀念，看似簡單的狀態，其實有一些細節觀念是初學時容易忽略的。
ES6 Class & Extends 與 ES7 現代寫法
約 1 分鐘本文介紹 ES6 Class 實體與繼承的概念，以及進入 ES7 後出現的簡化寫法。
瞭解 Spread & Rest Operator 與 Destructuring 的用法
約 2 分鐘Spread 與 Rest 運算子都是寫成三個點，而它的身份就取決於我們在哪裡使用它，一起來看看吧。
ES6 Modules - Exports & Imports
約 1 分鐘在現代前端當中，模組化是相當推薦而且實用的做法，為了要存取其他模組，我們需要透過 export 讓模組可以被引用，並使用 import 來存取模組。
JavaScript ES6 箭頭函式與傳統函式的差異
約 2 分鐘本文內容主要探討 JavaScript ES6 中的「箭頭函式」的相關概念。
使用 Mockoon 快速建立 Mock APIs
約 1 分鐘因為前後端架構的問題，身為前端需要自己研究開設本地 API，否則做個畫面都得問東問西的，開發效率低到谷底。查了一下資料，發現大家幾乎都是用 JSON Server 居多，有些是使用 Postman。不過剛好發現了 Mockoon 這個工具，嘗試之後覺得真的不錯，很簡單就能上手，記錄一下操作方法。
Vue 3 Methods × Computed × Watch
約 2 分鐘本文主要內容為探討 Vue 3 的 Methods、Computed、Watch 的寫法與相關知識。