新人日誌
首頁
關於我
部落格
Toggle Menu
所有文章
所有文章
共 219 篇文章
搜尋
重設
JavaScript
比 Context 更好用的選擇？認識第三方狀態管理工具
當我們學會了 React 的 state 和 props，再進一步接觸 Context API，會覺得：「啊，終於可以把資料從上層統一管理，解決 props 一層層傳的麻煩了！」 但當專案越做越大，你...
2025年4月14日
JavaScript
如何規劃與拆分元件？從 UI 切割建立模組思維
你可能曾經這樣寫 React 程式： return ( 標題 新增 {todos.map(todo => ( {todo} ))} ); 一開...
2025年4月14日
JavaScript
React 元件可以有自己的資料？state 基礎觀念與使用
Previous
1
...
8
9
10
...
25
你在學習 React 的過程中，可能已經習慣用 props 傳資料給元件，但你可能也會想問： 「有些資料是元件內部自己要記住的，不能靠父母提供，怎麼辦？」 例如：點擊按鈕要切換畫面狀態、輸入欄位要記住...
2025年4月14日
JavaScript
初學者也能懂！React children 全解析與實戰教學
在學習 React 的過程中，你可能看過這樣的寫法： Hello 或是這樣的： 這兩者到底差在哪？為什麼有的元件可以包東西，有的卻是空的？ 關鍵就在於 React 元件的一個特殊屬性：childre...
2025年4月14日
JavaScript
什麼是元件樹？理解元件的父子與巢狀結構
當我們使用 React 開發網頁應用程式時，畫面不再是寫在一大堆 HTML 裡，而是由一個個「元件（Component）」組成。 這些元件就像一塊塊的積木，互相嵌套、組合，形成我們最終看到的畫面。這樣...
2025年4月14日
JavaScript
React 元件是什麼？畫面積木的基本單位
如果你剛開始接觸 React，可能會不斷看到「元件（Component）」這個詞出現。 打開任何一個 React 專案，幾乎每一行程式碼都在處理元件的建立、使用、傳資料等等。 可以這麼說：元件是 Re...
2025年4月14日
JavaScript
React 的開發邏輯：為什麼現代前端要用元件？
還記得第一個網頁是怎麼寫的嗎？ 可能是一個 HTML 檔裡擺滿 div、button 和 img，想加點互動再補幾行 JavaScript，CSS 也直接寫在 標籤裡。</p> <p>這樣的寫法在...
2025年4月14日
JavaScript
JavaScript 解構賦值(destructuring syntax)：讓代碼更簡潔明瞭
在 ES6 之前，我們通常需要透過指定物件屬性或陣列元素的方式，來逐一獲取這些數據，這不僅繁瑣，而且讓代碼看起 […]
2025年4月10日
JavaScript
JavaScript 初學者必懂：剩餘參數（Rest Parameters） 與展開參數（Spread Arguments）完整解析！
在 JavaScript 中，你可能會常常看到三個點的語法 …，它有兩種超常見的用途： 出現在函式定義時，叫做 Rest Parameters（剩餘參數） 出現在函式呼叫或資料結構中，叫做 Sprea...
2025年3月31日
Next