React

React11-React-Hook-useState

React Hook useState – React 白話文運動 11

useState 是什麼?useState 是 React 中的一個 Hook,用於在函式元件中添加狀態,透過 useState,我們可以在函式元件中定義和管理狀態資料。useState 返回一個包含兩個值的陣列,其中包括:當前的狀態:在元件首次渲染時,它的值將等同於我們傳遞給 useState 的初始值。

React Hook useState – React 白話文運動 11 Read More »

Javascript, React 白話文運動, 技術文章,
React10-React-Life-Cycle

React 生命週期 – React 白話文運動 10

React 生命週期 – 前一篇則針對 React 語法進一步做講解, React JSX – React 白話文運動 06 學會了如何建立一個 React 元件,並且學會了元件之間有父子元件的關係。這一篇則會針對元件,講解元件的生命週期,包含:生命週期三個階段、類別物件的生命週期、函式物件的生命週期。

React 生命週期 – React 白話文運動 10 Read More »

React 白話文運動, 技術文章,
React Props - React 白話文運動 09

React Props – React 白話文運動 09

React Props – React 白話文運動。這一篇則會針對 React 語法進一步做講解, 前幾篇也學會了如何建立一個 React 元件,並且學會了元件之間有父子元件的關係。這篇會介紹 React Props 的概念,包含了:React 元件宣告、React Props。

React Props – React 白話文運動 09 Read More »

React 白話文運動, 技術文章,
React08-建立React專案

建立React專案 – React 白話文運動 08

建立React專案-React白話文運動:前一篇文章介紹了三個名詞,分別是:Babel 是什麼?Webpack 是什麼?Npm 是什麼?這一篇則是會手把手建立 React 專案,包含:建置環境、建立 React 專案、啟動專案、如何使用 React 擴充套件。這邊也包含:官方 CRA 建置環境以及自建環境。

建立React專案 – React 白話文運動 08 Read More »

React 白話文運動, 技術文章,
Babel & Webpack & NPM – React 白話文運動 07

Babel & Webpack & NPM – React 白話文運動 07

這一篇會針對三個名詞做一些解釋,這些名詞是建立 React 專案,需要會的工具,包含了:Babel 是什麼?Webpack 是什麼?Npm 是什麼?當然主要介紹的是使用這些工具的概念,但是還是有其他工具可以做選擇,例如:Npm 之於 Yarn。

Babel & Webpack & NPM – React 白話文運動 07 Read More »

React 白話文運動, 技術文章,
React06-React-JSX

React JSX – React 白話文運動 06

React 是開發網頁、手機前端最流行的 JavaScript 套件之一。React 由 Meta 開發,使開發人員能夠創建可重覆使用的元件來完成前端頁面。JSX 也是目前我們比較常看到的 React 寫法 ,因此接下來會介紹,JSX 是什麼?JSX 語法以及使用 JSX 建構 React 元件。

React JSX – React 白話文運動 06 Read More »

React 白話文運動, 技術文章,
React 運作原理

React 運作原理 – React 白話文運動 05

React 是開發網頁、手機前端最流行的 JavaScript 套件之一。React 由 Meta(前身為 Facebook)開發,使開發人員能夠創建可重覆使用的元件來完成前端頁面。

不過這邊要注意,嚴格說起來,React 並不是一個框架。這是因為它只負責呈現 UI 的元件。不過,React 為 Angular 和 Vue 等框架提供了另一種解決方式,使我們可以與它一起完成覆雜的前端頁面功能。

React 運作原理 – React 白話文運動 05 Read More »

React 白話文運動, 技術文章,
Javascript 高階函式 -HigherOrderFunction

JavaScript 高階函式 – React 白話文運動 04

這一篇會介紹非常重要的 JavaScript 函式概念 – 高階函式(Higher-order function),高階函數是將一個或多個函數作為參數,或將一個函數作為結果返回的函數。在本文中,我們將深入探討什麽是高階函數、使用高階函數的好處以及如何在實際應用中使用高階函數,函式導向是什麼?純函式、高階函式、柯理化。

JavaScript 高階函式 – React 白話文運動 04 Read More »

Javascript, React 白話文運動, 技術文章,
React03-Javascript-Async-Await

JavaScript Async & Await – React 白話文運動 03

歡迎來到 React 白話文運動系列的第三篇,今天我們將深入探討 JavaScript 中的非同步操作,並介紹兩個重要的關鍵字:Async 與 Await。在這篇文章中,我們將透過實例演示非同步操作的概念,以及如何使用 Promise、Fetch、Async 和 Await 來更有效地處理非同步程式碼。

JavaScript Async & Await – React 白話文運動 03 Read More »

Javascript, React 白話文運動, 技術文章,
react-vernacular-campaign-02 JavaScript ES6 Object

JavaScript ES6 Object – React 白話文運動 02

前一篇 JavaScript ES6 介紹了,let、const、var 差異、樣板字面值、箭頭函式。這一篇文章則會介紹 JavaScript ES6 其他新穎的語法,例如:物件解構、物件語法強化、陣列解構、延展運算子,希望透過以上的內容,可以幫助大家更容易學習 React 前端框架。

JavaScript ES6 Object – React 白話文運動 02 Read More »

Javascript, React 白話文運動, 技術文章,
zh_TW繁體中文