前言 隔了一年，我又來鐵人賽挑戰自我啦！去年寫的是 React 的介紹，實際進入業界後發現 React 的生態系比自己想像的更廣更深，還有很多東西可以深挖。這次...
時雨
‧
2023-09-16
緣由 個人擔任前端工程師有一小段時間，雖然工作上會了解到一些後端相關的觀念，但一直都沒有親自實作過。身為一個熱愛挑戰(自虐）的人，希望透過這次鐵人賽紀錄自己30...
前言 這是30天的React初學者在沒有學過其他框架的背景下進行的學習過程紀錄，請當作一般的學習筆記來閱讀。預備知識為HTML、CSS以及JavaScript。...
這篇文章的主要內容 簡單介紹 webpack 是什麼。 webpack 是什麼？ 問問現在還算流行的 chatGPT Webpack是一個用於打包、轉換和管...
這篇文章的主要內容 簡單說說 npm 跟 node.js 是什麼。 npm & node npm 是 Node Package manager 的簡稱...
本系列文已改編出版為『營養師不開菜單後的 Next.js 全端轉職攻略：從專案規劃、畫面設計、資安到 SEO，挑戰一人 Side Project (iThom...
使用vite安裝環境 在terminal終端機輸入npm create vite@latest安裝後依照指令自行取名(這裡取名sample)後選擇react j...
前言 今天我們接續前一篇的案例，再來講講一些NG的案例，總是會有一些講不聽不想拆 component 的人，在新版本的環境下應該會被強制修改，因為如果不改的話會...
在轉職成軟體工程師的這個過程，鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法，自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識，了解框架運作...
因果關係 這次來分享 code review 時常常會看到的問題，這些問題常常看不出來有什麼影響，甚至有的人會覺得那是 coding style 的範疇，尤其是...
前天和昨天花了一些時間了解Vue和React的「單向資料流」設計模式後，接著來看看與畫面渲染有關的state的部分，雖然在使用上，某些程度來說，Vue和Reac...
選擇障礙 這個話題在 React 生態系裡面永遠討論不完，這次想分享我自己使用上的見解，別看我都在講些hook function的使用，css 我也是略懂略懂，...
表單處理 這篇文章是我從事教學很常遇到的統整，我有系列專門解釋怎麼一步一步讓自己邁向 pro 的過程，有興趣了解更多的話可以參考這個連結，裡面有所有我所統整的R...
概念 在JavaScript中，高階函數（Higher Order Functions）是指可以接受函數作為參數或callback function的函數，簡單...
檔案分類 我們在撰寫React，會需要養成習慣，清楚分類你的專案。可能因為公司、個人風格、複製來的專案。規劃好檔案分類 現在自學可能只有"你自己&qu...
換個方向 在前面系列的文章，已經幫大家複習並深入了解幾個常用的 hook，接下來的章節，是個人開發經驗與結合前端 design pattern 的概念的經驗分享...
網頁常見的功能之一就是表單，像是註冊、輸入個人資料、後臺建立管理資料等都需要有表單輸入的功能，另外最好還有前端能事先對表單的輸入內容進行檢查，通過後才發給後端。...
前導 還沒看過上一篇文章的朋友請先回顧喔！接續上一篇的問題，大家有找到合適的解法了嗎？如果沒有讓我們一起來思考除了useState以外還有什麼可以讓我們有效管理...
講古 在早期還沒有Context Provider的時候你每一層都需要靠 props 來傳遞資料，才能達到資料共享。 然後... 於是 Context / P...
MUI 有自己的樣式主題系統，tailwind 也有，為了防止之後再套用樣式的時候兩邊出現偏差，要來想辦法同步兩邊的設定。 首先建立好 MUI 的自訂主題。 /...
主架構建立 每個React網頁 都是由基礎價夠堆疊出來，對於使用者，只能看到結果 所以按照元件一層層嵌套下去，當然沒問題。但是如果最底層的按鈕要返回 他已經登出...
大家好！我是從韓文領域不務正業到軟體產業的文科少女，目前正在前端的世界努力中。因為希望自己能突破Junior的坎，所以為自己立下了一個參加鐵人賽的目標，希望透過...
現在有了 MUI ，還有跟其相搭配的 emotion，樣式的調整上已經很方便了，但是目前 NextJS 已經開始預設使用 React Server Compon...
在這裡筆者我發現問題沒說到： 每次要運行程式 都會需要有終端機來執行 模擬server動作 每次安裝插件, 檔案編輯後存檔 都需要重新啟動一次模擬server...
本章較長,重點整理: 檢查package.json 查看自己已有插件與版本 尋找想要的插件功能 google是你好朋友 加上 "React"...
現在是把元件從專案中獨立出來了，但還只能從專案上去看到元件所呈現的結果，為了之後開發元件方便，來給元件庫加上 storybook 吧。 可以直接將剛剛建好的...
目前的元件還放在 ironman-nextjs 這個 app 底下，也只有這個 app 能取用到這些元件，為了讓之後的專案可以一起運用這些元件，接下來要把他們抽...
挑刺 前一篇我們詳細解釋了 useMemo 和 useCallback 的運作原理和邏輯，今天我們就來檢討一些使用不好的例子。 首先，我們都已經知道這兩個 h...
Memo解方 今天我們接續前面的問題，大家是否有找到解答了呢？ 如果沒有的話，我會在下面提供兩種做法： 第一種，在 memo 裡面用 callback 告訴...
這次來聊聊進階一點的話題 memo 的應用，在談論這個話題之前我們先來了解 memo 是什麼？ 了解 React.memo React memo 是 React...
Yihsuan
yuu
evan_hsu
ysl0628
LucianoLee
文科少女
rian1995
Jasper
iThome鐵人賽
看影片追技術