Javascript
含有「Javascript」共 46 篇內容
全部內容
發佈日期由新至舊
在 React 中，狀態管理是構建複雜應用的重要一環，其中 useContext 與 Redux 都提供了解決方案，但它們各有優缺點和適用場景。
有鑑於Redux以英文教學為主，網上中文的教學不多，初學者會遇到一些困難，所以本章節希望以一篇文章帶領你快速入門Redux，透過實作的方式上手這個技能!
在 React 中，useContext() 是一個 Hook，用來讓你在函式元件中輕鬆地存取 context 資料，避免繁瑣的 props 傳遞。以下是一步步的教學與示例程式碼。
透過本章學習，你將掌握 如何在 React 應用中運用 useContext() 管理全域狀態，提升開發效率!
付費限定
在本章，我們將使用 React Hooks（useState、useEffect、useRef）來 開發一個碼錶 (Stopwatch) 應用。
付費限定
透過本章學習，你將掌握 useRef() 的核心概念與最佳應用方式，提高 React 應用的效能與靈活性！
付費限定
useEffect 是 React 的一個 Hook，它告訴 React 在以下情況下執行某些代碼。
透過本章的學習，你將能夠 熟練使用 useEffect() 處理 React 副作用，並掌握 最佳實務，確保 React 應用運行順暢、效能最佳！
付費限定
在本章，我們將會實做Todo-List專案，讓你對React開發有更深刻的了解與認識，同時增加 React 的應用經驗。
在本章節，我們將學習如何使用 React useState 來管理 陣列 (Arrays) 和物件 (Objects) 的狀態，這是開發 動態應用 時的重要技術。內涵大量必須知道的應用範例，幫助讀者學習。
React 的 state 是一個元件用於儲存動態資料的機制，當 state 變更時，React 會重新渲染元件。本文說明如何在函式元件和類別元件中使用 state，包含 useState hook 的用法，以及如何處理批次更新以避免 state 更新不一致的問題，並提供三個實例讓大家實際操作上手。
在本章節，我們將深入探討 React onClick 事件，這是 React 中最常見的 事件處理機制，允許我們在使用者點擊元素時執行特定的動作。
在本章節，我們將探討 如何在 React JSX 中處理陣列 (Arrays)，這是開發動態介面時必須掌握的關鍵技術。透過陣列，我們可以輕鬆地渲染動態清單 (Lists)，例如待辦事項列表、產品清單或使用者資訊等。