2020年，我是如何从一名Vueer转岗到React阵营

大家好呀，我是wangly19。一名专注于Vue的前端萌新。 国庆后如约和大家见面了。经历了金九银十和十一长假后的我也要开始努力写文章了，这次主要是分享下我是如何快速横切到React技术栈。如果看文章的你正在学习React或者说也是转换技术栈，那么本文一定能够给你有一些启发和帮助。

为什么换React

为什么换React呢，是因为新公司是属于React技术栈。包括Taro，Umi等一系列的解决方案。虽然在技术栈方向上进行了更换，但对于需要随时适应新技术栈且保持学习的小王同学来说，上手难度一般，熟练使用Vue的同时对于一些组件化和工程化项目都是有着自己的理解的。因此在学习了两三天后就对于简单的模块上收起来还是非常简单的。因此，在这个9月，我成为了一名Reacter。但同时，我依旧也是积极的在学习Vue3，做一名双开的前端看起来并不是一件非常困难的事情。

Vue 和 React的区别

诚然，都是组件化的解决方案，但其实Vue 和 React区别还是比较巨大的。同时，这也是一道非常广义的面试题。因此，在这里和大家说一个重点，别在弄错了，在弄错出去面壁思过：

react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流，推崇结合immutable来实现数据不可变。react在setState之后会重新走渲染的流程，如果shouldComponentUpdate返回的是true，就继续渲染，如果返回了false，就不会重新渲染，PureComponent就是重写了shouldComponentUpdate，然后在里面作了props和state的浅层对比。

image.png

而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听，当属性变化的时候，响应式的更新对应的虚拟dom。

image.png
总之，react的性能优化需要手动去做，而vue的性能优化是自动的，但是vue的响应式机制也有问题，就是当state特别多的时候，Watcher也会很多，会导致卡顿，所以大型应用（状态特别多的）一般用react，更加可控。