React 白话文运动

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

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

React10-React-Life-Cycle

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

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

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

React08 - 构建 React 项目

构建 React 项目 - React Vernacular 活动 08

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

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

React 運作原理

React 如何工作 - React 05

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

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

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

Javascript 高阶函数

JavaScript 高级函数 - React 04

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

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

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 阅读更多 ”

zh_CN简体中文