Pinned專案筆記|2024 六角學院NodeJS 入門班結業終於把三個月左右的直播班上完，並繳交期末作業了，趁記憶還猶新時把這次直撥班的作業記錄下來。 前言動機 從今年開始比較積極為了累積作品開始做side project，但目前線上有的開源API 能做寫入的實在太少，且雖然工作上有與後端工程師配合所以大概有DB與Modal的概念，但還是希望自己能親自寫過一次CRUD，所以報名了今年六角學院Node.js入門班，也趁機拿一個前後端較為完整的side ProJun 16, 2024·1 min read
React官方文件導讀 | 也許你不需要使用Effect | You Might Not Need an Effect前言： 此篇文章為React官方的You Might Not Need an Effect 透過我自己的理解來做翻譯與筆記。 🌟 這篇文章可以幫助我們更了解Effect, State的時機來改善效能，以及避免新手常掉入無限render的陷阱。 我們都知道Effect 是在render完畢、commit完畢、DOM更新完畢後才會去執行Effect，所以Effect沒用好可能會造成不必要的re-rOct 2, 2023·10 min read
React Hook Form入門 | 純管理表單並完成與第三方框架配合的選擇 (下篇)此為ReactHookForm 介紹的下篇，如果還沒看過上篇的人可以先前往了解ReactHookForm基礎API。 mode 驗證時機 有了驗證條件，我們自然需要設定驗證時機！常見的驗證時機有當使用者改變了input的值（onChange）、當input Focus狀態取消（onBlur）、送出表單時一次驗證（onSubmit），這些我們在useForm時都可以做選擇，甚至所有驗證時機都要一次上Sep 9, 2023·2 min read
React Hook Form入門 | 純管理表單並完成與第三方框架配合的選擇 (上篇)React Form 是一隻處理表單狀態的API，可以幫助我們用很輕鬆的方式控制表單，這次整理幾個我在使用React Hook Form常常使用到的方法在文章方便大家入門。 幾個你可以開始嘗試React Hook Form 的理由 不需要任何多餘的 dependencies。 各種UI框架友善，對Tailwinds的手刻黨也很適合。 每個管理的方法明確，非常好學，可以立刻套用到目前在製作的表Sep 9, 2023·2 min read
ScrollMagic入門｜像魔術讓網頁邊滾邊動ScrollMagic 是一隻以 Jquery 為主的 Plugin ，適用於一些 Fancy 的活動網站，簡單的由 AOS 負責、而 ScrollMagic 完成更多複雜的任務。 此篇文章因我在搜尋ScrollMagic 的中文資料時非常缺乏，甚至一直找到舊版的官方 Demo ，許多 API 皆以不同而吃了很多苦頭，所以筆記一下、希望能幫到大家！ ▍ScrollMagic 可以幹嘛？ 可以先從前往 ScrollMagic 的官方網站，一進去就看到一些瘋狂的動畫，或是前往下方 Made with...Aug 20, 2023·2 min read
