React
含有「React」共 79 篇內容
全部內容
發佈日期由新至舊
本文討論 JavaScript 模組化的重要性、常見模組化方式（IIFE、CommonJS、AMD、UMD、ES Modules）及其優缺點、適用情境，以及模組化帶來的益處，例如提升可維護性、加速開發、提升效能和利於測試。
React 事件處理：讓網頁動起來~
網頁的互動性是吸引使用者、提供良好體驗的關鍵。
在 React 中，透過監聽使用者的操作（例如點擊、滑鼠移動、鍵盤輸入），並執行相應的程式碼，來實現豐富的互動效果。
在 React 的世界裡，Props 負責從父元件向子元件傳遞資料，而 State 則是負責管理元件自身的內部資料。
State 就像元件的記憶，可以儲存元件的狀態，並根據狀態的變化來更新 UI。
在 React 的世界裡，元件 (Component) 就像一個個獨立的個體，各自負責 UI 的一部分，要讓這些個體協同工作，就需要一種溝通的機制，而 Props 就是組件之間通信和數據傳遞的主要方式。
在 React 的世界裡，元件 (Component) 扮演著至關重要的角色。它們是構成使用者介面 (UI) 的基本 building blocks，如同積木一般，可以組合成複雜的應用程式。
告別字串拼接地獄：用 JSX 解鎖 React 的優雅姿態
JSX 是一種強大且方便的語法，讓 React 開發者能夠更直觀地描述 UI 結構，提高程式碼可讀性與開發效率。
這篇文章教學如何在 React 中建立一個檔案上傳元件，包含檔案選擇、資訊顯示、狀態管理、即時進度回饋等功能，並使用 Axios 處理檔案上傳。
React 是一個用於構建用戶界面的JavaScript框架，由Facebook(Meta)開發和維護。
它的主要目標是創建快速、交互性強、可維護的單頁應用程序（SPA），並將應用程序的界面拆分成可重用的元件。
本文介紹 JWT 的運作機制，以及如何在 React App 中安全地使用 access token 和 refresh token 來管理使用者身份驗證。詳細說明瞭兩種 token 的產生、儲存位置、有效時間設定，以及 token 失效後的處理流程，確保應用程式的安全性及良好的使用者體驗。
在 React 中，狀態管理是構建複雜應用的重要一環，其中 useContext 與 Redux 都提供了解決方案，但它們各有優缺點和適用場景。
有鑑於Redux以英文教學為主，網上中文的教學不多，初學者會遇到一些困難，所以本章節希望以一篇文章帶領你快速入門Redux，透過實作的方式上手這個技能!