Jeff的隨手筆記

前言

在前幾篇文章中，我們討論了在 React 中渲染內容，包括條件渲染的各種方式。今天我想和大家分享在處理列表渲染時的一個重要概念：Key。

這個議題看似簡單，但在實際開發中卻經常被忽略或誤用。讓我們一起來了解為什麼 Key 這麼重要，以及如何正確地使用它。

前言

剛剛瀏覽到了一篇文章，在說在這個AI當道的時代，身為工程師的我們該如何去應對。可能很多人看到這裡會吐槽說，拜託都2025年了怎麼還在說這個。沒錯！這就是我看到這篇文章腦袋裡冒出的第一個想法，但畢竟是一個我很欣賞的團隊所發的，所以我把他看完了。結果這篇文章不僅打破了我的偏見，更引發了許多深刻的自省，因此寫下這篇算是讀書心得的文章。

前言

在前面幾篇文章中，我們討論了 React 元件的基本概念，包括如何建立元件以及如何透過 Props 傳遞資料。今天要來聊聊另一個重要的主題：條件渲染（Conditional Rendering）。
在實際開發中，我們經常需要根據不同的條件來決定畫面要顯示什麼內容。比方說：判斷使用者是否登入來顯示不同的導航列、根據商品庫存狀態顯示不同的按鈕等等。React 讓我們能夠運用熟悉的 JavaScript 條件判斷來處理這類需求。

前言

在前面幾篇文章中，我們談到了 React 元件的核心特性，其中「單向資料流」是一個非常重要的概念。今天，讓我們來深入了解 React 是如何透過 Props 來實現這個特性的。

前言

在上一篇的最後我們有提到，JSX 讓我們能用更直覺的方式撰寫 React 元件，同時又保有 JavaScript 的所有能力。這個特性正是 JSX 最吸引人的地方 - 它不只讓我們能用類似 HTML 的語法來撰寫畫面，更重要的是能夠無縫地與 JavaScript 結合，讓我們在開發時能充分運用 JavaScript 的各種特性和表達能力。

這是一個記錄我在工作上遇到的一些問題與解決的方法

前言

前一篇我們聊到了 React Component 的核心特性：

前言

在上一篇的內容中，不知道大家是否留意到這段程式碼：

前言

在開始這趟學習旅程之前，想先和大家說明這系列文章的規劃。我會以 React 官方文件的架構為基礎來撰寫，但會略過一些環境設定和基礎 JavaScript 觀念。

在今年初規劃年度計劃時，原本就有想參加鐵人賽，並計畫以 React 技術系列作為寫作主題。然而，最終這系列文章並沒有在鐵人賽上發表。