自学react有一段时间了，官网文档基础的看了一遍，然后便把之前公司做的一个vue项目用react搭建了下，顺便整理下一些知识点。项目大概效果：一、利用create-react-app搭建项目1、全局安装create-react-app，执行：npm install -g create-react-app 命令进行安装2、进入要安装项目的文件夹，执行：npx create-react-app my
组件挂载阶段通信componentDidMount是执行组件与服务器通信的最佳地方，主要原因有两个：1.在componentDidMount中执行服务器通信可以保证获取到数据时，组件已经处于挂载状态，这是即使要直接操作DOM也是安全的，而componentWillMount无法保证这一点。2.当组件在服务器端渲染时，componentWillMount会被调用两次，一次是在服务器端，另一次在浏览器
1.安装//my-app为项目名称 因为本文是教程所以就以默认的my-app为例进行安装
npm init react-app my-app当出现下方图片的这个样子时，就代表我们安装成功了。 我们可以按照其的建议 先进入到自己的项目，然后再运行一下，看看项目是否能正常启动，如果不能，我们就需要按需解决其出现的问题。cd my-app
npm start2.将项目的配置文件暴露出来通过查看项目文件
转载
2023-12-10 10:30:07
60阅读
title: 07-React路由的使用
publish: trueReact路由的使用使用React路由之前，我们需要先安装 react-router-dom这个包。比如：yarn add react-router-dom代码举例：（1）index.html<!DOCTYPE html>
<html lang="en">
<head>
<meta
转载
2023-08-10 12:57:30
0阅读
React自推出以来，改变了前端开发人员构建web应用程序的方式。使用虚拟DOM，React使UI更新更加高效，使web应用程序更加快速。但是，为什么中等规模的React web应用程序仍然表现不佳? 关键就在于你是如何使用React的。 像React这样的现代前端库并不能神奇地让你的应用程序更快。它要求开发人员了解React是如何工作的，以及组件在组件生命周期的各个阶段是如何生存的。
转载
2024-03-05 16:55:41
65阅读
# 如何在React项目中卸载React组件
## 一、流程概述
为了帮助你更好地理解如何在React项目中卸载React组件，我整理了以下流程步骤：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 打开终端，进入项目目录 |
| 2 | 使用Yarn命令卸载React组件 |
| 3 | 删除无用文件 |
接下来我将详细介绍每个步骤需要做的事情以及相应的代码。
##
原创
2024-05-28 03:52:29
154阅读
# 如何使用 Yarn 下载 React
作为一名新手开发者，学习如何使用工具和库是非常重要的第一步。Yarn 是一个现代的包管理工具，它为 JavaScript 和前端开发生态系统提供了快速、可靠和安全的依赖管理。本文将教会你如何使用 Yarn 下载 React，并详细介绍每一步需要做什么。
## 整体流程
在开始之前，我们先了解一下整个流程，如下表所示：
| 步骤 | 描述 |
|--
原创
2024-09-19 03:32:50
48阅读
# 使用 Yarn 安装 React 的完整指南
在现代前端开发中，React 已成为非常受欢迎的库，用于构建用户界面。而 Yarn 是一个流行的 JavaScript 包管理工具，因其快速性与简易性受到开发者的青睐。在这篇文章中，我们将探讨如何使用 Yarn 安装 React，并提供详细的步骤和代码示例。
## 什么是 Yarn？
Yarn 是 Facebook 开发的一个 JavaScr
# 使用 Yarn 创建 React 项目完整指南
欢迎来到前端开发的世界！如果你是新手，可能会觉得在开头搭建开发环境，尤其是创建一个新的 React 项目，十分困难。在这篇文章中，我将带你逐步了解如何使用 Yarn 创建一个 React 项目。我们将分解整个流程，并提供详细的代码及解释。
## 整体流程
首先，让我们看一下创建 React 项目的整体流程。下面的表格展示了所有的步骤：
|
一、介绍React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的主流工具。官
# 使用 Yarn 安装 React 的指南
React 是一个用于构建用户界面的 JavaScript 库，因其高效的组件化开发模式而广受欢迎。在本篇文章中，我们将探讨如何使用 Yarn 安装 React，并且提供一些基本的代码示例来帮助你快速上手。
## 什么是 Yarn？
Yarn 是一个现代化的 JavaScript 包管理工具，它比 npm（Node 包管理器）更快，具有更好的依赖
# 安装node.js
安装node.js
安装前确保已经安装Homebrew,使用Homebrew安装Node.js这样就可以使用npm 命令 使用MAC终端
```
brew install node
```
# 安装webpack
```
$ npm install webpack --global //全局安装webpack
$ cd ~项目目录
$ npm init
$ npm ins
# 使用Yarn构建React应用的流程
## 1. 确保Yarn已安装
在开始构建React应用之前，需要确保已经安装了Yarn工具。如果尚未安装，请访问Yarn的官方网站（
## 2. 创建React应用
在开始构建React应用之前，我们需要创建一个新的React项目。可以通过以下命令使用create-react-app工具创建一个新的React应用：
```shell
npx cre
原创
2023-11-23 07:18:59
100阅读
前言React Hooks API正式在 React V16.8 版本发布了。这篇博客，主要是介绍了其中 useReducer 的各种用法示例。在读之前，你确保你已经看过 React Hooks官方指南。useReducer hook 属于官方扩展的 hooks：是 useState 的另一种替代。它接受(state, action) => newState，并且返回了一个与当前state成
一、Vue.js： 其实Vue.js不是一个框架，因为它只聚焦视图层，是一个构建数据驱动的Web界面的库。 Vue.js通过简单的API（应用程序编程接口）提供高效的数据绑定和灵活的组件系统。 Vue.js的特性如下： 1.轻量级的框架 &
转载
2024-10-17 17:01:41
12阅读
一、 使用create-react-app创建react应用1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: re
转载
2024-07-30 14:49:09
544阅读
一、create-react-app 脚手架快速搭建 react 项目1、安装 create-react-app2、检测 create-react-app 是否安装成功3、创建 react 项目二、generator-react-webpack 脚手架搭建 react 项目1、安装 yeoman2、安装 generator-react-webpack3、创建 react 项目三、webpack 逐
转载
2024-01-27 20:42:02
154阅读
react中文官网如图所示。在中文官网 https://reactjs.bootcss.com/ 中也有入门教程。 1.首先，要安装 Node.js 及 NPM 。 具体参考之前的文章：Nodejs安装和环境配置2. 安装react的脚手架。 npm install -g create-react-app 3. 安装好之后，输入create-react-app，可以看到已经安装成功
转载
2023-11-29 23:54:18
63阅读
目录1、简介1.1、概念1.2、原生js痛点1.3、React特点2、React初体验2.1、html中使用react2.1.1、创建虚拟dom的方式2.1.2、关于创建的虚拟dom2.2、JSX语法3、React面向组件编程3.1、安装开发者工具（React Developer Tools ）3.2、组件的分类3.3、组件实例对象的三大属性4、React中的事件处理4.1、高阶函数和函数柯里化5
转载
2023-08-24 14:37:14
154阅读
# 使用 Yarn 启动 React 项目
## 简介
Yarn 是一个快速、可靠、安全的 JavaScript 包管理工具，被广泛用于管理和构建 JavaScript 项目。在本文中，我们将讨论如何使用 Yarn 启动 React 项目，并提供一些示例代码来帮助您入门。
## 安装 Yarn
要使用 Yarn，首先需要在您的计算机上安装它。您可以从 Yarn 的官方网站（
安装完成后，
原创
2023-10-31 15:12:18
185阅读
