React 18 正式版它来啦！一起来看看 React 18 有哪些新特性吧，深入了解 React 18 中的新功能，更进一步了解并发模式的概念！

假设 React 组件有这样一个状态： 我们这样修改了它的状态： 你觉得组件会重新渲染么？ 我们先在 class 组件里试一下： 渲染 state.a.b 的值，两秒以后修改 state。 你发现它重

既然你知道了状态提升，那么我想聊一聊状态下沉。 useCallback、useMemo、memo、shouldUpdate，性能优化的API，不出性能问题你是不该使用的，盲目的使用会造成负优化，甚至还

Antd5最最最吸引我的点 Antd5 官网 又好用，又能好看。 没有Antd5之前，我是选Mui的。

其实复杂组件的一个很重要的性能指标，就是组件是否频繁的重新渲染，所以我们在引用较大较复杂组件的时候，都会有意识的去使用 memo 或者 usememo 去处理，当组件属性没有变化时，不重新渲染组件。举

5 个方法去避免 React 组件中不必要的重渲染。React 组件从开始到现在已经发展了很长一段时间。虽然如此，许多开发者发现还是很难去减少不必要的重渲染。但实际上是有很多方法去避免这个问题的。

mixin Mixin 设计模式 Mixin（混入）是一种通过扩展收集功能的方式，它本质上是将一个对象的属性拷贝到另一个对象上面去，可以拷贝多个属性到一个对象上，为了解决代码复用问题。 常用的方法：J

编写干净、易于阅读、易于维护和扩展的代码，那么你必须正确命名和放置文件夹，将组件拆分为自定义钩子、服务和展示组件，使用合适的名称，并使用HOC、render props、复合组件和reducer。

按钮权限控制在后台管理系统中是一个比较常见的需求，下面和大家分享一下再react中常见的几种实现方式，不过最想分享的还是后面的黑科技方案。