React 16.8 于 2019.2 正式发布，这是一个能提升代码质量和开发效率的特性，笔者就抛砖引玉先列出一些实践点，希望得到大家进一步讨论。 然而需要理解的是，没有一个完美的最佳实践规范，对一个高效团队来说，稳定的规范比合理的规范更重要，因此这套方案只是最佳实践之一。 拥…

当然，这个更替是缓慢的，在整个16版本里都能无障碍的使用旧的三生命周期，但值得注意的是，旧的生命周期（unsafe）不能和新的生命周期同时出现在一个组件，否则会报错“你使用了一个不安全的生命周期”。 旧的生命周期十分完整，基本可以捕捉到组件更新的每一个state/props/r…

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react-hooks运行机制和内部原理，相信这篇文章过后，对于面试的时候那些hooks问题，也就迎刃而解了。实际r…

这篇博客是，基于react hook的脚手架，配合react-router-config react-router-dom来搭建的路由结构，简介，结构清晰，方便管理。。。 写过vue的小伙伴都知道，vue的路由是在new Router 里统一配置的，写起来也特别爽，路由层次很清…

通过阅读源码，我们可以看到renderRoutes的逻辑实际上是接收路由表routes后，判断并初始化extraProps和switchProps，接着渲染了Switch组件,switchProps作为Switch组件的props传入，Switch组件的子元素通过将routes…

本文详细的讲述了 useCallback 与 useMemo 的使用场景，以及有哪些使用中常遇到的问题与采坑点。

我的上一个项目尝试使用了react16.0进行开发，并全线使用hooks-api，开发时由于没有注意react组件渲染机制，导致项目的性能大大低于预期。开发一时爽，完成后才发现对于react的hooks只是机械性的使用，未能得其精髓，在又一次的react16.0的学习中，看到了…

众所周知，React 是一个用于构建用户界面的 JavaScript 库,它是单页面应用(SPA). 单页面应用,顾名思义:只有一个页面，它是没有路由导航机制的. 这时候往往需要一种路由机制，以便在不同的视图之间切换而不用刷新整个网页. React-Router 就是一个扩展 …

单页Web应用（single page web application，SPA），就是只有一张Web页面的应用。是只加载单个HTML页面，并在用户与应用程序交互时动态更新该页面的Web应用程序。而React、Vue就是构建单页应用的前端主流框架。 通过监听路由的变化，去匹配路由…