React系统搭建文章

❤React体系16-axios的封装使用（以用户请求为例） 1、认识axios Axios 是一个基于 Promise 的 HTTP 客户端用于浏览器和 Node.js 环境中发送 HTTP 请求的

❤ React体系15-左侧菜单栏的功能添加（借助Redux实现） 1、实现的效果 先看看我们最终要实现的效果： 2、结构样式编写 我们先来写一下结构 大致就是一个左侧200px，一个右侧calc(1

❤React体系14-React之中Redux状态管理的使用（react-r（react-redux） 1、简介 （1）认识 redux是纯函数设计，是一个用于管理应用状态的 JavaScript 库

❤React体系13-tailwindcss的安装和使用 方式一 （Tailwind CLI方式 ） 1、安装Tailwind CSS、PostCSS、Autoprefixer 下载安装 2、使用Ta

❤React体系11-React路由(ReactRouter)的进阶使用 1、React.lazy 优化路由 认识 我们发现加了路由以后我们的加载缓慢了很多，React.lazy可以减少我们应用的初始

❤React体系11-React路由(ReactRouter)的初步使用 1、路由的认识 官网给他定义是一个库，不是一个框架。 React官方并没有提供路由库，路由插件,而是推荐我们使用React结合

❤React体系10-ref 的使用 1、认识ref （1）简介 ref 是 英文 reference 的简写，其含义为“引用”。 在 React 中，ref 主要用于获取组件实例或访问 DOM 节点

❤React体系09-初步配置package.json1、 配置craco 在 React 官方搭建的项目中，你可以通过修改 webpack 配置文件来配置路径别名。

❤React体系08-函数组件useState-React Hooks初步使用 1、useState认识 (函数组件hooks)

❤❤React体系07-reder-props和高阶组件介绍 1、组件复用的两种方式 (利用React自身特点演化成的固定模式) render-props和高阶组件模式。

❤React体系06-React 组件的新旧生命周期1 组件的生命周期概述 意义： 组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因 2、 组件生命周期的三个阶段 （

❤React体系05-React 组件通讯教我们的内容： 能够使用道具接收数据W 能够实现父子组件之间的通讯 能够实现兄弟组件之间的通讯 能够给组件添加道具校验 能够说出生命周期

❤React体系04-React 组件基础 1、组件化开发介绍 组件化开发思想：分而治之 React的组件按照不同的方式可以分成类组件： 划分方式一（按照组件的定义方式）

❤React体系03-JSX语法认识和使用，JSX基本使用 JSX是React的核心 JSX是ES的扩展 jsx语法 -> 普通的JavaScript代码 -> babel React

❤ React体系02-安装和使用 1、React 基本使用 （1）安装 介绍： React 包是核心，提供创建元素 React-dom包提供React-dom相关功能 引入React

❤React体系01-认识和了解 该React体系文章目标 React基础、React Hooks、React路由、React Redux、组件库、immutable、Mobx、React+TS写法