鐵人檔案
分享紀錄自己學習 react 的整個過程，以及自己是如何理解 react 的運作方式。
內容以 react 16.8 之後推出的 hook 寫法搭配 functional component 為主。
也會說明在 react 中常使用的 hook。
其他還會包含一小部分的 npm、webpack 設定，以及其他常見的 react 相關 library。
在轉職成軟體工程師的這個過程，鐵人賽上大神前輩的文章總是帶給我很多啟發跟想法，自己也希望透過分享的方式讓自己對於 react 有更深入且全面的認識，了解框架運作...
這篇文章的主要內容 簡單說說 npm 跟 node.js 是什麼。 npm & node npm 是 Node Package manager 的簡稱...
這篇文章的主要內容 簡單介紹 webpack 是什麼。 webpack 是什麼？ 問問現在還算流行的 chatGPT Webpack是一個用於打包、轉換和管...
這篇文章的主要內容 使用 webpack 建立一個陽春的 TypeScript + react 開發環境 初始化 npm 專案 開啟 terminal 然...
這篇文章的主要內容 簡單介紹一下 react 是什麼。 什麼是 React ? React 是由 Meta 團隊維護的開源 JavaScript Librar...
這篇文章的主要內容 簡單說明 JSX 跟 babel 的作用。 JSX 語法 在上一篇文章中有出現一個有點像是 html 的標籤。 const App: Re...
這篇文章的主要內容 簡單說明什麼是元件化跟 react 裡面元件的種類 什麼是元件？ 把畫面切分成一個個的區塊，並且透過傳入不同的參數讓那個區塊可以重複使用，...
這篇文章的主要內容 簡單說說 react 裡面把資料放到畫面上跟參數傳遞的方法。 渲染 variable 假設我有一些資料希望放到畫面上，像這樣。 funct...
這篇文章的主要內容 簡單說明 react 裡面的事件綁定跟透過 useState hook 來管理狀態。 JavaScript 的事件綁定 JavaScrip...
這篇文章的主要內容 簡單說說 react 是如何運作跟 key 是什麼 react 如何運作 可以大略把 react 做的事情拆分成三個步驟，react 官方...
