我们在日常的项目开发中往往会把页面拆分成一个个的组件，通过拼装的方式来实现整体的页面效果，所以与其说去优化 React，不如聚焦在现有的组件中，思考🤔如何去设计一个组件才能提高他的性能

前言 自己在掘金上看了也看了很多关于hooks的文章，感觉都讲得不是很详细。而且也有很多的水文。最近自己打算重学react，系统性的再把hooks给学习一遍。 Hooks is what？ react

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 上述在函数组件中没有办法使用它们，取而代之的是 useRef Hooks。 大家可能会想到 state 也可跨越渲染周期保存，但是 state 的赋值会触发重渲染，但是 ref 不会，从这点看 ref 更像是类…

1. React 中 keys 的作用是什么？ Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。 有了key属性后，就可以与组件建立了一种对应关系，react根据key来决定是销毁重新创建组件还是更新组件。 key相同，若组件属性有所变化，则…

在做项目的时候，你的产品可能会提出这样的需求：在某些拥有表单的页面中，如果用户还未保存表单数据，就想去浏览别的页面内容。这时候需要给一个弹窗，提示用户是否需要在未保存数据的情况下跳转页面。 最简单的实现就是使用 react-router 提供的 Prompt 组件来控制是否显示…

Immer 是一个不可变数据的 Javascript 库，让你更方便的处理不可变数据。 不可变数据概念来源于函数式编程。函数式编程中，对已初始化的“变量”是不可以更改的，每次更改都要创建一个新的“变量”。 Javascript 在语言层没有实现不可变数据，需要借助第三方库来实现…

对于 ToB 业务而言，随着业务的不断壮大，接入的客户逐渐增加，相同页面的差异化的需求越来越多，尤其是在表单层面，小到多一个字段少一个字段这种简单的需求，大到整个页面不变的只剩下一些基础字段。 一旦这种差异化需求随着业务量的增长而膨胀起来。代码中的 IF ELSE 越来越多，项…

React 是一个用于开发用户界面的 JavaScript 库， 是由 Facebook 在 2013 年创建的。 React 集成了许多令人兴奋的组件、库和框架。 当然，开发人员也可以自己开发组件。 在最佳实践之前，我建议在开发 React 应用程序时使用测试驱动开发（TDD…

本文讲 组件如何编译 以及 ReactDOM.render 的渲染过程。 babel 将 React JSX 编译成 JavaScript. 每个标签的创建都调用了 React.createElement. 贯穿源码，常见的两种数据结构，有助于快速阅读源码。 是 React.c…