bacnotes備份筆記

Vue3 Composition API解決了Vue2在同功能程式碼分散於不同option API的可讀性問題，且加入Composition function容易讓程式碼複用，精簡程式碼，雖然有點像React Hook，但用起來較不容易踩到無限迴圈的坑(有種防呆版Hook的感覺)。開始使用setup()開啟你另一段Vue開發人生吧！

用TodoMVC 複習 Vue2 跟 Option API｜bacnotes備份筆記

Vue是三大主流框架之一，2022/2/7開始Vue Cli預設版本以Vue3為主，由於工作上的專案或產品可能 Vue2 版本撰寫，未來若有重構需求，勢必得先了解Vue2架構的邏輯才能重構好。那麼就來以常見的開源專案TodoMVC來複習一下Vue跟Option API吧。

React 如何處理表單元素｜bacnotes備份筆記

控制表單輸入有什麼困難的？除了使用者輸入時，減少畫面不必要的渲染，何時觸發驗證，讓錯誤訊息出現的時機剛剛好。使用Custom Hook複用邏輯在多個表單input，也會讓你的程式碼更好讀。

React 使用Custom Hook複用程式碼邏輯｜bacnotes備份筆記

需要複用邏輯時，一般會把重複的程式碼放到一個js檔案 export輸出，在另一個地方透過import引用。Custom Hook也是一樣的道理，只是函式變數需要取名為use開頭，跟其他元件做區隔。Custom Hook可以跨元件共享程式碼邏輯，對於精簡程式碼很有幫助。

陣列的處理方法｜bacnotes備份筆記

陣列是許多fetch資料後需要處理的資料型態，這份陣列方法懶人包整理了slice()、concat()、join()、flat()、flatMap()、map()、filter()、reduce()、find()、findIndex()、at()、some()、every()、splice()、reverse()、sort()、forEach()、Array.from()、fill()等用法。