『Day 7』Key 的重要性與正確使用方式 Posted on 2025-01-07 In 2024鐵人賽 前言在前幾篇文章中,我們討論了在 React 中渲染內容,包括條件渲染的各種方式。今天我想和大家分享在處理列表渲染時的一個重要概念:Key。 這個議題看似簡單,但在實際開發中卻經常被忽略或誤用。讓我們一起來了解為什麼 Key 這麼重要,以及如何正確地使用它。 Read more »
當我用 AI 寫下『別過度依賴 AI』這件事 Posted on 2025-01-07 In 菜鳥的程式小札 前言剛剛瀏覽到了一篇文章,在說在這個AI當道的時代,身為工程師的我們該如何去應對。可能很多人看到這裡會吐槽說,拜託都2025年了怎麼還在說這個。沒錯!這就是我看到這篇文章腦袋裡冒出的第一個想法,但畢竟是一個我很欣賞的團隊所發的,所以我把他看完了。結果這篇文章不僅打破了我的偏見,更引發了許多深刻的自省,因此寫下這篇算是讀書心得的文章。 Read more »
『Day 6』React 條件渲染 Posted on 2025-01-05 In 2024鐵人賽 前言在前面幾篇文章中,我們討論了 React 元件的基本概念,包括如何建立元件以及如何透過 Props 傳遞資料。今天要來聊聊另一個重要的主題:條件渲染(Conditional Rendering)。在實際開發中,我們經常需要根據不同的條件來決定畫面要顯示什麼內容。比方說:判斷使用者是否登入來顯示不同的導航列、根據商品庫存狀態顯示不同的按鈕等等。React 讓我們能夠運用熟悉的 JavaScript 條件判斷來處理這類需求。 Read more »
『Day 5』淺談 React Props Posted on 2025-01-02 Edited on 2025-01-05 In 2024鐵人賽 前言在前面幾篇文章中,我們談到了 React 元件的核心特性,其中「單向資料流」是一個非常重要的概念。今天,讓我們來深入了解 React 是如何透過 Props 來實現這個特性的。 Read more »
『Day 4』在JSX中使用JavaScript Posted on 2024-12-30 In 2024鐵人賽 前言在上一篇的最後我們有提到,JSX 讓我們能用更直覺的方式撰寫 React 元件,同時又保有 JavaScript 的所有能力。這個特性正是 JSX 最吸引人的地方 - 它不只讓我們能用類似 HTML 的語法來撰寫畫面,更重要的是能夠無縫地與 JavaScript 結合,讓我們在開發時能充分運用 JavaScript 的各種特性和表達能力。 Read more »
『Day 2』理解 React 的匯入與匯出 Posted on 2024-12-10 Edited on 2024-12-30 In 2024鐵人賽 前言前一篇我們聊到了 React Component 的核心特性: Read more »
『Day 3』從 HTML 到 JSX Posted on 2024-12-10 Edited on 2024-12-26 In 2024鐵人賽 前言在上一篇的內容中,不知道大家是否留意到這段程式碼: Read more »
『Day 1』認識 React Component Posted on 2024-11-12 In 2024鐵人賽 前言在開始這趟學習旅程之前,想先和大家說明這系列文章的規劃。我會以 React 官方文件的架構為基礎來撰寫,但會略過一些環境設定和基礎 JavaScript 觀念。 Read more »
『Day 0』踏上 React 學習之旅:一段重新認識自我的過程 Posted on 2024-11-11 Edited on 2024-11-12 In 2024鐵人賽 在今年初規劃年度計劃時,原本就有想參加鐵人賽,並計畫以 React 技術系列作為寫作主題。然而,最終這系列文章並沒有在鐵人賽上發表。 Read more »