React18.0已经发布两周了
所以这两天抽空重新完整的过了一遍React
我将所有内容整理为以下86张脑图，方便以后查阅
附原图和源文件：
原图和源文件（包括xmind和pos文件）已上传github，如有需要可自行下载
86张脑图1.安装2.核心概念JSX简介2.2元素渲染2.3组件Props2.4.1State生命周期2.4.2数据流和正确使用State2.5事件处理2.6条件渲染2.7列表Key2.8表单2.9状态提升2.10组合vs继承2.11React哲学3.高级指引3.1无障碍辅助功能3.2代码分割3.3.1Context3.3.2ContextAPI3.4错误边界3.5Refs转发3.6Fragments3.7高阶组件3.8.1集成带有DOM操作的插件3.8.2与其他第三方库协同3.9.1JSX本质3.9.2JSX指定React元素类型3.9.3JSX中指定props3.9.4JSX中的子元素3.10.1性能优化之生产版本3.10.2使用ChromePerformance标签分析组件3.10.3使用开发者工具中的分析器对组件进行分析3.10.4其他优化3.11Portals3.12ProfilerAPI3.13不使用ES63.14不使用JSX[3.15协调3.16RefsDOM3.17RenderProps3.18.1静态类型检查之Flow3.18.2静态类型检查之TypeScript3.18.2静态类型检查之其他3.19严格模式3.20使用PropTypes进行类型检查3.21非受控组件3.22WebComponents4.API参考4.1.1React顶层API之概览4.1.2React顶层API之参考4.1.3React顶层API之参考24.2.1React.Component之概述4.2.2常用的生命周期方法4.2.3不常用的生命周期方法4.2.4其他API4.2.5Class属性和实例属性4.3ReactDOM4.4ReactDOMClient4.5ReactDOMServer4.6DOM元素4.7.1合成事件4.7.2支持的事件4.7.3支持的事件24.7.4支持的事件34.8TestUtilities4.9TestRenderer4.10JS环境要求4.11React术语词5.Hook5.1Hook简介5.2Hook概览5.3使用StateHook5.4使用EffectHook5.5Hook规则5.6自定义HookAPI5.8.1HooksFAQ之采纳策略5.8.2HooksFAQ之从Class迁移到Hook5.8.3HooksFAQ之性能优化5.8.4HooksFAQ之底层原理6.测试6.1测试概览6.2测试技巧6.3测试环境7.FAQ7.1AJAX及APIs7.2Babel，JSX及构建过程7.3传递函数给组件[7.4组件状态.png7.5样式与CSS.png7.6项目文件结构7.7VirtualDOM及内核结语以上是本文的所有内容，如有问题欢迎指正??
源自：