为什么 React 不精确监听数据变化呢？这是因为 Vue 和 React 设计理念上的区别，Vue 使用的是可变数据，而React更强调数据的不可变。所以应该说没有好坏之分，Vue更加简单，而React构建大型应用的时候更加鲁棒。 因为一般都会用一个数据层的框架比如 Vuex…

Link和NavLink用法一样，不用之处在于NavLink有activeClassName属性，用于设置当前活动的tab标签的样式，以下是对NavLink的使用说明。 由于路由跳转(Link和NavList)和路由注册都需要 BrowserRouter包裹，所以为了能够全局使…

在对 React 15 的生命周期有了系统的掌握和理解的基础上，我们接着对 React 16 以来的生命周期进行剖析。通过对比新旧两个版本生命周期之间的差异，来探寻变化背后的原因。 关于 React 16 以来的生命周期，下图是目前公认的比较优秀的流程大图。我们先来看 Reac…

结果你猜怎么着，点击到某个路由，手动刷新后白屏了。 其查找的是根路径下的文件，所以能正确命中对应的资源。 经测试，http://localhost::8080/square/publish 路径下放的资源，它会在http://localhost::8080/square/ 这个…

其他还有 <MemoryRouter> 内存路由组件、<NativeRouter> Native的路由组件、<StaticRouter> 静态路由组件这些路由组件，其中 MemoryRouter 主要用在 ReactNative 这种非浏览器的环境…

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧去进行性能优化，或者更好的代码组织。 性能优化的重要性不用多说，谷歌发布的很多调研精确的展示了性能对于网站留存率的影响，而代码组织优化则关系到后续的维护成本…

接下来将针对影响较大，使用频率较高的更新点逐一讲解。 我们知道，对 React 组件的性能优化，shouldComponentUpdate函数是很重要的一啪，所以 React 才会在 React.Component的基础上增加了React.PureComponent，但是对于非…

距离第一篇《React源码解析(一)》已经过去将近4个月的时间，由于是我第一次进行源码解析相关的写作，思路和文笔还不够成熟。一百多天以来，我基于读者反馈反思这几篇文章中的不足，同时也在不断学习借鉴其他优秀作者的写作方法和写作思路。最终总结出对于自己的源码写作来说，需要改进的几点…

react-router 是 React 的完整前端路由解决方案，特别在做一个 spa 应用的时候，他能实现 url 和 视图ui 的同步，并且支持后端渲染，异步按需加载等等