React

redux hooks 在之前的redux开发中，为了让组件和redux结合起来。react18新增的hook，还有自定义hook的使用

什么是Hooks？和传统的函数式组件有什么区别？和类组件有什么区别？ Hook指的类似于useState、useEffect这样的函数, Hooks是对这类函数的统称 首先需要了解函数式组件与类组件的

路由 后端路由阶段 页面中需要请求不同的路径内容时, 交给服务器来进行处理, 服务器渲染好整个页面, 并且将页面返回给客户端. 这种情况下渲染好的页面, 不需要单独加载任何的js和css, 可以直接交

Redux Toolkit的核心API configureStore：包装createStore以提供简化的配置选项和良好的默认值。它可以自动组合你的 slice reducer，添加你提供的任何 R

组件中异步操作 redux中保存的state是一个本地定义的数据 可以直接通过同步的操作来dispatch action，state就会被立即更新。 但是真实开发中，redux中的数据来源多样化

Redux的核心理念 Store 存储数据 action Redux要求我们通过action来更新数据： 所有数据的变化，必须通过派发（dispatch）action来更新； action是一个普通的

纯函数的维基百科定义： 在程序设计中，若一个函数符合以下条件，那么这个函数被称为纯函数： 此函数在相同的输入值时，需产生相同的输出。 函数的输出和输入值以外的其他隐藏信息或状态无关，也和由I/O设备产

# 组件化CSS的概述 * 在组件化中选择合适的CSS解决方案应该符合以下条件： - 可以编

react-transition-group。 这个库可以帮助我们方便的实现组件的 入场 和 离场 npm install react-transition-group --save 主要组件 Tra

React中获取DOM的方式有哪些？ ref 获取DOM 方式一：传入字符串 使用时通过 this.refs.传入的字符串格式获取对应的元素； 方式二：传入一个对象 对象是通过 React.creat

React性能优化之SCU 原因 只要是修改了App中的数据，所有的组件都需要重新render，进行diff算法，性能必然是很低的： 事实上，很多的组件没有必须要重新render； 它们调用rende

React的渲染流程和更新流程，使用diff算法和key进行标记，key的注意事项，diff算法搭配key的使用

react状态修改的api之一中的setState，setState在react18前后：是异步还是同步的情况

React实现插槽： 默认插槽和作用域插槽实现，通过作用域插槽可以实现更复杂的逻辑操作，不仅仅是普通的插槽

父子组件 1.父传子 在子组件通过属性传递内容 - 属性=值 子组件通过props拿到内容 -props参数 类组件 函数组件 2.子传父 通过传递函数,调用回调函数 通过函数的参数传递要传递的数据

生命周期和生命周期函数的关系： 生命周期是一个抽象的概念，在生命周期的整个过程，分成了很多个阶段； 装载阶段、更新过程、卸载过程

React的组件化 按照不同的方式可以分成很多类组件： 根据组件的定义方式，可以分为：函数组件(Functional Component )和类组件(Class Component)；

JSX的基本使用：this绑定问题，事件参数传递，JSX的本质，虚拟DOM等等，this绑定问题，事件参数传递，JSX的本质，虚拟DOM等等。

JSX是一种JavaScript的语法扩展（eXtension），嵌入表达式，如何绑定属性。JSX的使用

React之基本使用、结构、组件化开发(类组件/函数式组件)，注意事项及其代码。让初学者对React有更好的理解。