鐵人檔案
學習前端開發有各式各樣的工具可以去學習、使用，在探討主題的過程中，我發現React這項工具的很像是平常我們熟悉的CSS、JavaScript、HTML的延伸，而且利用VS Code就能實際操作學習，因此我選擇React入門作為主題，希望透過連續30天的文章，把自己所學的知識拿來分享。
接下來30天的文章，除了整理React的基本概念及基礎，還會稍微介紹其原理，以及最重要的實作練習。
React是什麼 用來建構使用者介面的函式庫 可以簡單的建造 SPA (Single Page Application)單頁式應用程式→ 整個網站只有一個 H...
React 是一個用來操作 DOM 的 JavaScript 函式庫 DOM 是什麼 DOM 的全名是 Document Object Model （文件物件模...
在上一篇文章的開頭有提到：React 是一個用來操作 DOM 的 JavaScript 函式庫 什麼是函式庫 函式庫是一組已經寫好的程式碼集合，開發者在需要時，...
要使用，React， 通常是搭配 VS Code 去使用、開發 原因： 支援JavaScript / TypeScript 整合式終端機 多種擴充內容可以搭配...
在上一篇文章有稍微提到建立專案時，可以選擇 JavaScript (JS) 或 TypeScript (TS) ，這篇主要會介紹兩者的差異，以及如何去做選擇、使...
JSX (JavaScript XML) 是 React 特有的語法擴充，讓使用者能夠在 JavaScript 裡直接寫出類似 HTML 的標籤；這種語法可以讓...
在第一篇文章有說到： React的運作把整個畫面拆成一個個元件（Component）來建構，再把它們組合起來變成完整的頁面，更有效率且維護地建造互動式網頁介面...
在上一篇文章有介紹到 Hook 這個詞： 只能在 Function Component 或自定義 Hook 中使用 必須在最上層呼叫 以 use 開頭命名例...
事件處理（Handling Events）是讓網頁從靜態變成動態的一大關鍵，如果沒有事件處理，網頁只能單純顯示文字與圖片，而無法回應使用者的操作 事件（Even...
Props是什麼 在 React 中，props (properties) 是一個用來傳遞資料給元件的機制React 的 Component（元件）可以看作是一...
