Jeff的隨手筆記

學習當一個前端工程師

0%

前言

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

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

Read more »

前言

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

Read more »

前言

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

Read more »

前言

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

Read more »

前言

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

Read more »