【React】前端元件功能開發，大前端時代敏捷構思術前言現在的前端需求已經越來越高，要考慮HTML及CSS的切版美觀程度，以及React以及Flutter所提出的元件(Componet、widget)觀念，也就是將元件模組化，使元件可以更動態的被程式運行，而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度，讓任何使用元件的開發者

R-036

2024-02-15

#React #軟體開發 #前端

【React】前端開發者的斜槓設計技能，打造動態icon，開發Loading page前端開發者常會遇到需要網頁素材的情況，雖然在公司中都可能有可以配合的平面設計師或是UIUX設計師，但在這個多工高效的時代不免也需要前端開發者也可以處理簡單的設計，也可提升設計審美或與設計師溝通的能力。然而前端開發者也算是擁有設計師的天賦，透過程式碼來完成平面設計，將網頁的每個介面都視為平面設計，

R-036

2024-02-13

#前端 #軟體開發 #設計

React如何處理非同步的資料-useEffect的使用方法與設計影響當前大多數網站不再是靜態網站，需要向後端的 Server 請求資料。而且，這些資料的請求通常是非同步進行的。在React中，目前被視為最佳實踐的方式是使用 useEffect。

Shang

2024-02-08

React useEffect Hook 抓取 API 資料本文記錄了在實作Movie Guide專案中嘗試使用useEffect Hook從OMDB API抓取電影資料的過程。透過錯誤的抓資料方式和正確使用方式的對比，介紹了useEffect Hook的基本語法、與async...await的搭配、依賴陣列的使用以及cleanup函式的重要性。

蕭宇廷

2024-01-17

#執行 #應用程式 #監聽

【React hook】手把手學會 Form 表單驗證與 UX 優化全教學React 表單驗證是一種技術與使用者體驗的設計，讓使用者能夠即時檢查輸入的資料並修正，提升使用者的使用體驗，並確保資料的正確性。

學．誌｜Chris Kang

2023-07-04

#React #ReactJS #form

【React hook】深入淺出 10 分鐘理解 useContextuseContext 是一種 React hook，讓我們能夠直接取用其他元件的 Context，而無須層層傳遞 props，進而使程式碼簡潔易讀。

學．誌｜Chris Kang

2023-06-02

#React #useContext #ReactJS

React Hooks onclick call a callback functionReact Hook onclick call a callback function with params, and change css style example: 本筆記參考: 1. https://www.codegrepper.com/code-examples/javascrip

Vic Lin

2021-10-04

#ReactHooks #React

Getting Started with React HooksCreate React App 提供了快速建立React App環境的方法: 1. 安裝node.js 2. 建立React project: $ npx create-react-app my-app 3. 啟動app $ cd my-app $ npm start npm start之後即打

Vic Lin

2021-09-28

#Reactjs #ReactHooks