技术共享，共同进步！

React - Router 6.x 路由表封装的两种写法

React - Router 6.x 版本使用r

React - 组件样式模块化

React - 项目初始化设置

React - 错误边界（Error boundary）

React - children props 与 render props

React - React.Component 存在的问题及优化（React.PureComponent 的使用）

React - Context 使用（共享对于一个组件树而言是 “全局” 的数据）

React - Fragment 使用（代替外层div标签，页面不显的标签）

React - Hooks 使用（函数组件中使用 React 特性）

React - 路由 lazyLoad 的使用（路由懒加载）

React - setState 更新状态的两种写法

React - redux 使用（由浅入深）

React - Ant Design4.x版本安装使用，并按需引入和自定义主题

React - Ant Design3.x版本安装使用，并按需引入和自定义主题

React - 路由模式 BrowserRouter 和 HashRouter 的区别与使用

React - 一般组件 withRouter 的使用（让一般组件具备路由组件特有的API属性）

React - 路由跳转方法

React - 路由组件传参

React - 嵌套路由的使用

React - 路由 Redirect 的使用（路由重定向）

React - 路由 exact 的使用（路由严格匹配）

React - 路由 Switch 的使用（路由单一匹配）

React - 路由 NavLink 使用 与 NavLink 组件封装使用（路由高亮）

React 路由组件与一般组件的区别

React Router 路由的使用

组件间的通信传值之发布订阅模式（pubsub-js）安装 pubsub-js 插件npm add pubsub-js组件中引入import PubSub from 'pubsub-js'传值组件（发布消息）import PubSub from 'pubsub-js'/** * 发布消息 * PubSub.publish(发布订阅方法, 传值内容) */PubSub.publish('receiveData', { id: 1 })接收值组件（订阅消息）import PubSub

React - 脚手架中配置代理，解决请求接口跨域问题

React - 使用脚手架搭建一个 React 项目

React 组件的生命周期一. 旧版本生命周期二. 新版本生命周期三. 新旧生命周期对比一. 旧版本生命周期constructor(props) ：构造器 完成了React数据的初始化componentWillMount ：组件将要挂载的钩子componentDidMount ：组件挂载完毕的钩子componentWillReceiveProp(props) ：组件将要接收组件新的props的钩子shouldComponentUpdate ：控制组件是否继续更新必须返回值 true/fals

React组件实例三大属性（ref 的使用）

React组件实例三大属性（props的使用）

React组件实例三大属性（state的使用）

React中定义组件的方法

js库下载地址：https://download.csdn.net/download/Jie_1997/80815248react.development.js react 核心库react-dom.development.js 用于支持 react 操作 dombabel.min.js 用于将 jsx 转为 jsprop-types.js 用于对 props 进行限制

DOM 的 diffing 算法一. react、vue中 for 循环中每一项的key有什么作用二. 用index作为key可能会引发的问题三. 开发中如何使用key一. react、vue中 for 循环中每一项的key有什么作用key是虚拟DOM对象的标识，在更新显示时key起着极其重要的作用。.当状态中的数据发生变化时，react会根据【新数据】生成【新的虚拟DOM】随后react进行【新虚拟DOM】与【旧虚拟DOM】的diffing比较，比较规则如下：旧虚拟DOM中找到了与新虚拟DO

定义虚拟DOM时，不要写引号。标签中混入JS表达式要用{}。样式的类名指定不要用class，要用classNam。内联样式，要用style={{key:value}}的形式去写。只有一个根标签。标签必须闭合。标签首字母：（1）若小写字母开头，则将该标签转为html中同名标签，若html中无该标签对 应的同名标签，则报错。（2）若大写字母开头，react就去渲染对应的组件，若组件没有定义，则报错。...

虚拟DOM本质是Object类型的对象（一般对象）。虚拟DOM比较“轻”，真实DOM比较“重”。因为虚拟DOM是React内部在使用，无需真实DOM上那么多的属性。虚拟DOM最终会被React转化为真实DOM，呈现在页面上。...