Jeff的隨手筆記

前言

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

前言

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

前言

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

前言

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

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

前言

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

前言

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

前言

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

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

消失了一個月，終於回來了～～雖然有點晚但祝大家新年快樂～～

整個12月懶惰病又發作了，天氣冷導致每天早上都爬不起來，表定22點下班都拖到20分後才讓我走(還沒有加班費…)，導致回家完全都不想看書，但說實在這都是藉口啦XDD

這次是做了一個餐廳的簡單系統，裡面包含了點餐、員工打卡、菜單的CRUD、會員系統，原本計畫是要做一個客戶端跟商家端並且在12月底完成，結果我只完成商家端的而且還拖到1月初。

報告完近況來說一下這篇的主題，這次練習是用Next JS 來練習，最主要的原因就是它可以建構出API，畢竟我沒有學過後端。

這篇就是來複習在建構這次專案的ＡＰＩ時，我所使用到的最基礎的語法。讓我們開始吧！