📄️ React api笔记
- React.Children：
📄️ React useEffect执行时机
useEffect 使用
📄️ React 判断children是原生dom还是自定义组件
📄️ React 受控组件和非受控组件
问题：react组件的input元素，不设置value也会正常显示，这是为什么？
📄️ React 常用hooks
在react中，所有的hook都使用一个hookState，及一个指针。
📄️ React 性能优化
性能优化一般省略的是更新阶段的步骤，即不需要刷新的时候，不刷新。即如果父组件传过来的props没有更新就不再进行本组件的更新流程。
📄️ React 虚拟dom和domdiff
在react中，引入了虚拟dom的概念，相比于传统的jquery，或js直接操作dom的方式，react通过虚拟dom diff，减少了完整的dom操作，只更新需要更新的真实dom，加快了页面的渲染。
📄️ React-虚拟列表
https://juejin.cn/post/7232856799170805820
📄️ ReactDomServer-dom转 为png原理
- ReactDOMServer.renderToString() 方法已经将 React 组件渲染成了 HTML 字符串；
📄️ React的context的使用
如果一个变量是全局性的，如i18n或theme，那通过props自上而下的传递就非常笨重了。react 提供了一个 context api，可以通过创建一个上下文，在 Provider 中提供值以及修改值的方式，在 Consumer中消耗值即修改值的方式。通过context的方式减少，值通过props层层传递的情况。
📄️ React的高阶组件
高阶组件一般有2个应用：
📄️ Redux-connect.js
📄️ react-router 不同版本（v5、v6、v7）对比
v5
📄️ react-router-dom
react-router-dom由2部分组成，分别是history和react-router。react-router是react-router-dom的核心，history是react-router-dom的依赖。
📄️ react-router升级踩坑记录
背景
📄️ react放弃维护create-react-app
2025年2月14号，react官方blog发出一篇最新的推送，react 将停止 create react app的维护，也就是说，在未来将不再能使用create-react-app命令创建新的react项目，react官方解释说，creact react app 虽然可以创建开箱即用的 react 项目，但是创建出来的项目并不适用于真正的生产环境。并且从以下几个方面进行了举证：
📄️ redux-entry
1. redux-entry 是 redux的中间件
📄️ redux-thunk
1. redux-thunk 是redux的中间件
📄️ redux中间件标准格式
所有的中间件，都会作为applyMiddleware函数的参数使用。
📄️ redux实现关键词
store
📄️ useRef 用法
1. useRef方法接收一个空值或一个对象，返回一个对象，返回的对象中包含 current 属性
📄️ 理解React ref及其使用
ref的作用，创建一个变量，变量中有一个current属性，将dom或者类组件的实例保存在ref的current属性上。虽然ref看起来是在类组件的props，或dom的属性上，但是实际上在React.createElement阶段，将ref从props中删除了，赋到了虚拟dom上。
📄️ 理解react-router7
常用的配置方法