React 白话文运动

希望能透过「React框架白话文运动」系列文章,利用口语化语表以及简单的程式码范例,能让读者更明白React的各种应用。

系列文章会讲述以下:
1. 了解ES6 JavaScript 语法
2. 了解React的运作原理
3. 了解React的状态管理
4. 使用React Hook管理状态并且存取资料

React11-React-Hook-useState

React Hook useState – React 白话运动 11

useState 允许我们在函数中定义和管理状态数据。useState 返回一个包含两个值的数组,其中包括:当前状态:当函数首次呈现时,其值将等于我们传递给 useState 的初始值。当前状态:当组件首次呈现时,其值将等于我们传递给 useState 的初始值。

React Hook useState – React 白话运动 11 阅读更多 ”

Javascript, React 白话文运动, 技术文章,
React10-React-Life-Cycle

React 生命周期 – React 白话运动 10

React 生命周期 - 上一篇文章进一步介绍了 React 语法,React JSX - React Vernacular Campaign 06 学习了如何构建 React 组件,并了解了组件之间的父子关系。在这篇文章中,我们将讨论组件的生命周期,包括生命周期的三个阶段、类对象的生命周期和函数对象的生命周期。

React 生命周期 – React 白话运动 10 阅读更多 ”

React 白话文运动, 技术文章,
React08 - 构建 React 项目

构建 React 项目 - React Vernacular 活动 08

构建 React 项目 - React Vernacular 活动:上一篇文章介绍了三个术语,即:什么是 Babel、什么是 Webpack 和什么是 Npm?本文将手工构建一个 React 项目,包括:设置环境、构建 React 项目、启动项目以及如何使用 React 扩展。还包括:CRA 官方构建环境和自建环境。

构建 React 项目 - React Vernacular 活动 08 阅读更多 ”

React 白话文运动, 技术文章,
React06-React-JSX

React JSX – React 06

React 是用于 Web 和移动前端开发的最流行的 JavaScript 包之一,由 Meta 开发,目的是让开发人员能够创建可重用的组件来完成前端页面,而 JSX 是 React 较常见的编写方式之一,因此我们将讨论什么是 JSX、它的语法以及如何使用 JSX 构建 React 组件。

React JSX – React 06 阅读更多 ”

React 白话文运动, 技术文章,
React 運作原理

React 如何工作 - React 05

React 由 Meta(前身为 Facebook)开发,它使开发人员能够创建可重复使用的组件来完成前端页面。

不过,需要注意的是,从技术上讲,React 并不是一个框架。这是因为它只负责呈现用户界面的组件。不过,React 提供了一种替代 Angular 和 Vue 等框架的解决方案,让我们可以使用它来完成复杂的前端页面功能。

React 如何工作 - React 05 阅读更多 ”

React 白话文运动, 技术文章,
Javascript 高阶函数

JavaScript 高级函数 - React 04

本文将介绍 JavaScript 函数中一个非常重要的概念--高阶函数,即接收一个或多个函数作为参数或返回一个函数作为结果的函数。本文将深入探讨什么是高阶函数、使用高阶函数的好处以及如何在实际应用中使用高阶函数、什么是函数方向?纯函数、高阶函数、相关性。

JavaScript 高级函数 - React 04 阅读更多 ”

Javascript, React 白话文运动, 技术文章,
React03-Javascript-Async-Await

JavaScript Async & Await – React 03

欢迎来到 React Vernacular Campaign 系列的第三部分,我们将深入探讨 JavaScript 中的异步操作,并介绍两个重要的关键字:Async 和 Await。在本文中,我们将通过实际示例演示异步操作的概念,以及如何使用 Promise、Fetch、Async 和 Await 更有效地处理异步代码。

JavaScript Async & Await – React 03 阅读更多 ”

Javascript, React 白话文运动, 技术文章,
react-vernacular-campaign-02 JavaScript ES6 Object

JavaScript ES6 Object – React 02

在上一篇文章中,我们介绍了 let、const、var difference、template literal 和箭头函数。本文将介绍 JavaScript ES6 的其他新语法,如对象分解、对象语法增强、数组分解和扩展操作符:对象分解、对象语法增强、数组分解和扩展操作符。希望通过以上内容,能帮助你更轻松地学习 React 前端框架。

JavaScript ES6 Object – React 02 阅读更多 ”

Javascript, React 白话文运动, 技术文章,
zh_CN简体中文