鐵人檔案
大家好！
目前工作開發是使用 Vue 框架，那為什麼會進行這次的 React 個人讀書會呢？是因為看了一部 Youtube 上的影片 (2020 Vue vs. React 前端擂台戰)，了解到原來 React 有如此多的優點，因此就想來一探究竟。
React 個人讀書會的內容會以 Udemy 上的課程: The Ultimate React Course 2023: React, Redux & More 為主，我會將課程內容內化成自己的知識，來完成這次的 React 學習之旅。
為何選擇學習 React？ 雖然目前在開發中主要使用 Vue3（Composition API），但這一次的鐵人賽，我決定將焦點放在 React 上。 通常，...
單頁式應用程式（SPA）的興起 在過去，網頁主要在 Server 端生成，這些網頁包含的 JavaScript 最初只是為了向頁面添加一些簡單的動態效果，開發...
React 相較於其他前端框架，它的機制仰賴於對 JavaScript 的理解，因此，掌握 ES6 語法變得尤為重要，接著讓我們來了解一下常用的 ES6 語法...
準備 React 開發環境 首先，我們需要到 Node.js 的 官網 安裝 Node.js 環境，選擇左邊的穩定版本 v18.18.0，若是有使用 nvm...
元件（Component） 元件是 React 中最基本的概念，基本上，整個 React 應用程式都是由元件所組成，因此，可以說元件是 React 中使用者介...
什麼是 JSX？ JSX（JavaScript XML）是一個 JavaScript 語法擴充，用於描述使用者介面的外觀和工作方式，通常會於 React 元件...
元件的 Props 在 React 中，props（屬性）是實現 元件之間資料傳遞 的主要機制，特別是在 父元件和子元件 之間。 你可以將 props 想像成...
React 中的列表渲染 在 React 中，列表渲染是一種常見的操作，用於將資料列表渲染為頁面上的元素，這在頁面中是十分常見的一種形式。 使用 map 方...
React 中的條件渲染 元件通常需要根據不同的條件顯示不同的內容，在 React 中，我們可以使用 JavaScript 語法（例如if 語句、&&...
什麼是 useState？ useState 是 React 中的一個 Hook，用於在函式元件中添加狀態，透過 useState，我們可以在函式元件中定義和...
