一个用于生产环境的modal组件需要知道的细节，看本文就够了，希望通过这篇文章让大家看到最基本的前端需要具备的素质，就是抓细节！

言简意赅地用86张思维导图🖼，总结 React相关知识点✔，且附原图和源文件📚，快来看看吧🤞~

通过es6新增class的属性创建的组件此组件创建简单. React 16.3版本后，使用此方法来创建ref。将其赋值给一个变量，通过ref挂载在dom节点或组件上，该ref的current属性,将能拿到dom节点或组件的实例 子组件通过React.forwardRef来创建，…

React 合成事件： 1. 注册 2. 触发 3. 合成事件和原生事件的执行顺序 仅用于自身学习记录，往后认知深入时，会继续补充

为了兼容不同浏览器以及管理事件，React 自身实现了一套自己的事件机制，包括事件注册、事件的合成、事件冒泡、事件派发等，虽然和原生的是两码事，但也是基于浏览器的事件机制下完成的。

因为项目需要和面试需求，越来越多的小伙伴想要通过源码来提升自己，因此，我经常会带大家手写一些源码，比如React等，写的多了，经常会有小伙伴问我是怎么学习源码的。

现在开发 React 组件基本都是用 hooks 了，hooks 很方便，但一不注意也会遇到闭包陷阱的坑。 相信很多用过 hooks 的人都遇到过这个坑，今天我们来思考下 hooks 闭包陷阱的原因和

SSR 是 Server Side Rendering，服务端渲染，服务端返回渲染出的 html，浏览器解析 html 来构建页面。 其实这是一项很古老的技术，很早之前服务端就是通过 JSP、PHP

最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）