鐵人檔案
建立自己的 React Hook Libary ！
不想起手又是useState，不想又再寫一樣的handler，不想換專案發現怎麼沒有這個hook又要再整理，利用三十天解決自己的開發苦惱！
前言 俗話說的好：Never trust user input，開發時設想好的流程，清楚的畫面，適當的輔助文字，使用者仍然還是會有「意想不到」的操作。 今天來...
前言 繼承上一篇 Never trust user input 的精神，有一種使用者也是操作迅速，彷彿在玩 OSU (如上圖，音樂遊戲)，結果不小心按到「刪除...
debounce 都提到了，怎麼能不提 throltte 呢？ 情境 在玩 Pokemon Go 打對戰的時候，有時候想著按快一點把對方打趴，殊不知再怎麼快，...
情境是...要能「關」? 工作開發一陣子才發現有些習以為常的功能對別人來說很...陌生，像是網頁常常遇到的 Dialog / Modal (對話視窗)，大部分...
再續前一篇研究了一輪，這篇就來實作： DEMO 在這裡~~ 需求及描述 透過 Hook 可以達成： 點擊非指定元素時(即元素之外)，能夠執行特定動作 以 D...
情境 登入其實就是登入，恩。 如果覺得換個專案就要再弄一次登入很煩的話，這個也可以算是你的情境 XD 實際弄下來會是透過 Context 組成的 Provid...
承接上篇，本篇要來實作簡單的登入功能。 期望登入是透過 JWT + localStorage 的方式來進行登入與保留登入的 token，並進一步搭配React...
承接上篇，已經把登入的畫面導向製作完成了，現在要進入核心的部分，也就是驗證啦！ DEMO 在這裡~~~ 開始！ 假資料 先來準備一組對應的假資料，實際上不會那麼...
情境 前陣子碰到一個需求，希望使用者能夠一次閱覽多筆的訂單(比對資料、快速查看、或複製等操作)，但又不想離開頁面，彈出視窗也不適合，於是逛來逛去就發現 Tab...
承上篇，核心的 Tabs 其實已經建立好了，當內容不能呈現出來就不算真正的完成！因此本篇來看看要如何顯示對應的資料。 開始！ 簡短回顧一下我們的 state...
