這篇文章的主要內容 簡單介紹一下 react 是什麼。 什麼是 React ? React 是由 Meta 團隊維護的開源 JavaScript Librar...
今天要來學習元件，要探索的內容有： React component簡介 如何創建component 如何使用component 瀏覽器如何認知 React...
本文同步刊載於 我的個人部落格 一、Flow Chart 是什麼？ 流程圖(Flow Chart)是一種圖形化表示流程或過程的工具，通常用來展示一个系统、流...
升版後的 Next Next 在今年升版到 13.4，並增加了許多新的功能，同時也大幅翻轉了原先的寫法。 總的來說，新版本的 Next 將 data fetch...
時雨
‧
2023-09-18
tags: ItIron2023 react 前言 昨天我們再次探討了一些基本的useState觀念以及react的一些render邏輯，基本上你只要知道第一天...
前言 今天我們接續前一篇的案例，再來講講一些NG的案例，總是會有一些講不聽不想拆 component 的人，在新版本的環境下應該會被強制修改，因為如果不改的話會...
這篇文章的主要內容 使用 webpack 建立一個陽春的 TypeScript + react 開發環境 初始化 npm 專案 開啟 terminal 然...
今天會介紹一下 Next 是什麼、為什麼要使用 Next，來幫助一些沒什麼接觸 Next 的朋友快速認識什麼是 Next。 Next 出現背景 如同上一篇講的，...
時雨
‧
2023-09-17
這篇文章的主要內容 簡單介紹 webpack 是什麼。 webpack 是什麼？ 問問現在還算流行的 chatGPT Webpack是一個用於打包、轉換和管...
本文同步刊載於 我的個人部落格 從 user story 開始思考網站功能 延伸第一天的主題發想，我將自己視為使用者，站在使用者角度出發後，初步規劃網站功能...
tags: ItIron2023 react 前言 昨天我們用了一個非常基本的問題了解了關於react的render機制以及useState可能會碰到的一個小問...
因果關係 這次來分享 code review 時常常會看到的問題，這些問題常常看不出來有什麼影響，甚至有的人會覺得那是 coding style 的範疇，尤其是...
本文同步刊載於 我的部落格 30天可以做什麼？ 身為一位工程師，最需要的就是以 side project 來展示自己的技能，在一年一度的鐵人賽中看見 sid...
tags: ItIron2023 react 前言 總算又到了今年的鐵人賽了，今年的主題其實讓我掙扎很久，原先我是打算寫一些前端AI工具使用或是一些框架的深度技...
前言 隔了一年，我又來鐵人賽挑戰自我啦！去年寫的是 React 的介紹，實際進入業界後發現 React 的生態系比自己想像的更廣更深，還有很多東西可以深挖。這次...
時雨
‧
2023-09-16
緣由 個人擔任前端工程師有一小段時間，雖然工作上會了解到一些後端相關的觀念，但一直都沒有親自實作過。身為一個熱愛挑戰(自虐）的人，希望透過這次鐵人賽紀錄自己30...
前言 這是30天的React初學者在沒有學過其他框架的背景下進行的學習過程紀錄，請當作一般的學習筆記來閱讀。預備知識為HTML、CSS以及JavaScript。...
這篇文章的主要內容 簡單說說 npm 跟 node.js 是什麼。 npm & node npm 是 Node Package manager 的簡稱...
前言 一年半前，我還是個每天在廚房走跳的營養師，除了跟廚師或阿姨打交道，就是跟廠商吵架，再接著對老師家長畢恭畢敬，職業生涯中完全沒想過這輩子會當前端工程師。在...
選擇障礙 這個話題在 React 生態系裡面永遠討論不完，這次想分享我自己使用上的見解，別看我都在講些hook function的使用，css 我也是略懂略懂，...
前天和昨天花了一些時間了解Vue和React的「單向資料流」設計模式後，接著來看看與畫面渲染有關的state的部分，雖然在使用上，某些程度來說，Vue和Reac...
在轉職成軟體工程師的這個過程，鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法，自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識，了解框架運作...
表單處理 這篇文章是我從事教學很常遇到的統整，我有系列專門解釋怎麼一步一步讓自己邁向 pro 的過程，有興趣了解更多的話可以參考這個連結，裡面有所有我所統整的R...
概念 在JavaScript中，高階函數（Higher Order Functions）是指可以接受函數作為參數或callback function的函數，簡單...
換個方向 在前面系列的文章，已經幫大家複習並深入了解幾個常用的 hook，接下來的章節，是個人開發經驗與結合前端 design pattern 的概念的經驗分享...
前導 還沒看過上一篇文章的朋友請先回顧喔！接續上一篇的問題，大家有找到合適的解法了嗎？如果沒有讓我們一起來思考除了useState以外還有什麼可以讓我們有效管理...
講古 在早期還沒有Context Provider的時候你每一層都需要靠 props 來傳遞資料，才能達到資料共享。 然後... 於是 Context / P...
挑刺 前一篇我們詳細解釋了 useMemo 和 useCallback 的運作原理和邏輯，今天我們就來檢討一些使用不好的例子。 首先，我們都已經知道這兩個 h...
Memo解方 今天我們接續前面的問題，大家是否有找到解答了呢？ 如果沒有的話，我會在下面提供兩種做法： 第一種，在 memo 裡面用 callback 告訴...
檔案分類 我們在撰寫React，會需要養成習慣，清楚分類你的專案。可能因為公司、個人風格、複製來的專案。規劃好檔案分類 現在自學可能只有"你自己&qu...
evan_hsu
yuu
Annie
windate3411
LucianoLee
Yihsuan
ysl0628
文科少女
rian1995
iThome鐵人賽
看影片追技術