大多数开发者的观念里，useEffect 一定会在浏览器完成渲染后被异步调用。但事实并非如此，useEffect 并不总是在页面渲染完后后才会被调用，有时也许会在页面渲染前同步调用执行 effect。

当函数组件进入render阶段时，会被renderWithHooks函数处理。函数组件作为一个函数，它的渲染其实就是函数调用，而函数组件又会调用React提供的hooks函数。初始挂载和更新时，所用的hooks函数是不同的，比如初次挂载时调用的useEffect，和后续更新时调…

如今的 React 几乎是函数式组件 + hooks 的天下。那你真的懂得 hooks 底层原理吗？

使用了近两年的React框架，最近将开发过程中使用到的一些“高级”用法整理出来，一方面梳理一下自己的思路；另一方面期待能够帮助有需要的同学。

Suspense 组件想必大家都用过，一般是和 React.lazy 结合用，用来加载一些异步组件。 比如这样一个组件： 就可以在另一个组件里用 lazy + Suspense 异步加载： 这里的 i

React 模板 react18 TypeScript v4 webpack v5 axios v1 mobx v6 mobx-react-lite v3.react-router-do

这是国外程序员 Robin Wieruch 带有明显个人色彩的一份总结，每年都会更新。相比于 awesome 列表，我个人更喜欢这类总结，简短、实用，更容易让人抓到重点并能立即实施

在React的Suspense中，根据数据请求Promise的状态加载子组件，或直接使用react-cache缓存请求

v6非组件环境路由跳转,v5非组件环境路由跳转v5,非组件环境路由跳转,为了能够在非组件环境下拿到路由信息，进行路由跳转等操作，需要使用路由中提供的 Router 组件，并自定义 history 对象