一 前言 哈喽，大家好，我是 我不是外星人 👽 ，8月24号，我作为分享嘉宾，线上参与了一场 《React 系统复习如何做最高效》 的技术分享，接下来我把直播的内容汇总分享给大家。在分享的过程中，也枚

Vue，加实习写了两年半~，期间只是简单学过 React，新东家用 React + Typescript。针对两者，以个人的理解，简单对比一下。

本文来源于公司内部的一次闪电分享，稍作润色分享出来。主要讨论 React 性能优化的主要方向和一些小技巧。如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。 减少计算的量。 -> 对应到 React 中就是减少渲染的节点 或者 降低组件渲染的复杂度 利用缓存。-> 对应到 …

Vue和React实现原理和流程基本一致，都是使用Virtual DOM + Diff算法。不管是Vue的template模板 + options api写法，还是React的Class或者Function（js 的class写法也是function函数的一种）写法，底层最终都…

中后台项目一般都有较强的页面结构或者逻辑一致性，页面比如像搜索、表格、导航菜单、布局，逻辑方面比如像数据流，权限。 如果基于Webpack封装这些功能就需要比较大的前期工作，Umi则以路由为基础，并以此进行功能扩展，包含微前端、组件打包、请求库、hooks 库、数据流等。基于此…

我们要认识到，React中的组件其实是一个函数，所以state是函数内部的私有变量，外部其他组件或者方法都是无法直接访问到内部的state。 而state主要被设计用于维持组件内部私有状态。 初始化state需要在class中constructor进行。 在这个代码中，我们初始…

5. 表单与变量的关联 在了解表单的时候，我们需要了解一个概念受控组件和非受控组件。 受控组件就是React可以控制这个组件内部所有的东西，比如设置控件的value,可以监听到这个组件改变事件onChange。但是，有些Html控件无法让React控制，典型的就是input t…

1. 事件触发 React采用跟原生相同名字驼峰写法的props来定义触发类型。 比如onclick在React中使用onClick来定义触发的事件。 React为事件响应做了处理，在所有的浏览器中，event是统一的、拥有一致性。 如果你非常需要使用原生对象，那么可以通过ev…

1. 工欲善其事 必先利其器 点此 下载 完成之后，双击已经下载的安装包。 一路下一步。直到需要你重启电脑。 重启完成电脑之后，按 Win+R 输入 cmd。 打开命令行工具，输入node -v。如果正常输入了v10.15.0或者更高的版本号，表明你已经安装成功了Node.js…