React全家桶学习

前端自动化部署超详细(Jenkins和Nginx) 设及到问题的解决处理几办法详细步骤开发操作。自动发包自动构建

一、认识hook 这里概念取自coderwhy Hook 是 React 16.8 的新增特性，它可以让我们在不编写class的情况下使用state以及其他的React特性（比如生命周期）。 我们先来

一、 Router的基本使用 React Router的版本4开始，路由不再集中在一个包中进行管理了： react-router是router的核心部分代码； react-router-dom是用于浏

createBrowserRouter 结合action，loader，element，errorElement，path，childern实现交互配置,路由嵌套 同时使用部分Hooks

Redux Toolkit使用，手写react-redux中的 connect()函数，对store的使用解耦，Redux Toolkit的数据不可变性

安装 使用 Provider 透传 Store★★★ 使用 <Provider> 组件包裹 <App> 组件，并将 Redux store 作为 prop 传递给 <Provider> 组件。之后，应

Redux使用三大核心理念 、原则 ；redux的核心包逻辑 @reduxjs/toolkit包的使用，react中使用redux包的演示示例综合使用

一、编写方式★★★ 1.内联样式 内联样式是官方推荐的一种css样式的写法: style 接受一个采用小驼峰命名属性的 JavaScript 对象，而不是 CSS 字符串; 并且可以引用state中的

React Transition Group (reactcommunity.org) 安装 Components取自官方示例 Transition CSSTransition SwitchTrans

Portals createPortal(children, domNode, key?) 调用 createPortal 创建 portal，并传入 JSX 与实际渲染的目标 DOM 节点： 参数

什么是高阶函数 高阶函数的维基百科定义:至少满足以下条件之一: 接受一个或多个函数作为输入; 输出一个函数: 高阶组件 ★★★ 高阶组件（higherOrderComponent简称（HOC））是 R

受控组件 ★★★ React 的 state 作为“唯一数据源”。 渲染表单元素的 React 组件控制着用户输入过程中表单发生的操作。 被 React 以这种方式控制取值的表单输入元素就叫做“受控组

createRef 主要用于 class 组件。而函数组件通常使用 useRef。 类组件获取方式 createRef 创建一个 ref 对象，该对象可以包含任意值。 createRef 返回一个对象

React性能优化SCU 生命周期方法 shouldComponentUpdate(nextProps, nextState, nextContext)简称"SCU" 如果你定义了 shouldCom

为什么使用setState 开发中我们并不能直接通过修改state的值来让界面发生更新： 因为我们修改了state之后，希望React根据最新的State来重新渲染界面，但是这种方式的修改React并

1.React的组件化开发 将一个页面拆分成一个个小的功能块，每个功能块完成属于自己这部分独立的功能，之后整个页面的管理和维护就变得非常容易 我们将一个完整的页面分成很多个组件； 每个组件都用于实现页

认识脚手架工具 帮我们可以快速生成项目的工程化结构: 每个项目作出完成的效果不同，但是它们的基本工程化结构是相似的; 既然相似，就没有必要每次都从零开始搭建，完全可以使用一些工具，帮助我们生产基本的工

1.认识JSX语法★★★ 这段element变量的声明右侧赋值的标签语法是什么呢？ 它不是一段字符串（因为没有使用引号包裹）； 它看起来是一段HTML元素，但是我们能在js中直接给一个变量赋值html

React介绍 React：用于构建用户界面的 JavaScript 库； React官方文档：旧：https://zh-hans.legacy.reactjs.org/ 新：https://zh-h

React介绍学习 核心：React18、React Router6.x、Rudex、React Hooks、tailwindcss 原理解析、源码解读、代码规范、代码封装、架构设计