---
# System prepended metadata

title: React
tags: [javascript]

---

# React

### 觀念
* 盡可能將 UI 和邏輯抽離
* 能使用 hooks 的話就用，除非有「特殊情況」覺得 HOC/render props 能處理得更好再使用其他
* 善用 css:hover 來處理滑鼠效果，減少使用 useState 切換造成效能減損
* 使用 css:disabled 配合 button(disabled="true") 來進行禁止的效果切換，減少 useState 的使用

###### tags: `javascript`