說明 這個工具的起源是因為我經常需要在各個 Team 之間切換，對我來說每次進到 HackMD 都要去左上角切換團隊很麻煩，因為我不喜歡用滑鼠／觸控板。 在同學的建議下，我製作了一個類似 GitHub Command Palette 的瀏覽器插件來用鍵盤操作功能。 功能 切換團隊 開新的空白筆記、從模板開新的筆記 搜尋筆記

:::info 繁中版本：https://hackmd.io/@uier/hackbar-tc ::: hackbar usage Basic Press ⌘+k (Mac) / Ctrl+k (Windows & Linux) to open kbar. Directly search things. Open note by title/tag, create note from template, team name.

主角 SWR React Data Table Component 範例與程式碼 https://codesandbox.io/s/datatable-with-swr-8606c 說明 這個 demo 展示了在換頁、換每頁顯示列數、排序時會觸發 SWR 去 fetch 資料。

:::spoiler 目錄 [TOC] ::: 被計算出來的狀態使用 useMemo 範例：計算按鈕何時應啟用 disabled 樣式 // Before: 自己寫 useEffect 去監聽依賴，在依賴變動時重新賦值 const [input, setInput] = useState('') const [isInputError, setIsInputError] = useState(false) const [isBtnDisabled, setIsBtnDisabled] = useState(true)