react 初步学习和探究

参考教程：React16 免费基础视频教程

尚硅谷 React 项目教程(react 实战全栈谷粒后台)

最近终于抽空重学了下 React，目前还没有深入学习，但就已经学习的部分，也能明显感觉到和 Vue 这个框架的巨大差异。当然了，关于 Vue 和 React 这两个前端最火的框架之间的对比早已数不胜数，本人也只是浅谈而已。要想进一步对比两个框架还需要对两个框架都进行深度学习才行。

下面就本人已经学习的部分来谈谈吧。

在学了 React 之后的第一感觉就是，React 的学习曲线相比 Vue 真的陡峭了很多。Vue 的学习曲线相对平滑，即便只是简单了解也能有所应用，这种开箱即用的感觉是 React 没有的。学习 React 必然还要学习 jsx 的相关知识。首先当然得承认 jsx 是一个很有创意的想法，但是终归还是让人学习了跟多知识。相比之下，Vue 基本上都是用 html+css+js 的那一套，只是把代码合并成了一个 Vue 文件了而已。

而这也就是 React 和 Vue 最大的区别。函数式编程和模板式编程不能说谁更好，但相比之下，还是模板式看起来更加的清晰。

另外，在数据绑定方面 Vue 是做到了强大的双向绑定功能，大大优化了 Dom 元素的操作，可以说是摒弃了 Dom 元素的操作；当然这方面 React 也是非常强大，没有任何 Dom 元素的操作。但 React 的数据绑定是单向的，并不是动态绑定。数据改变并不会直接改变视图。在数据驱动这方面，还是 Vue 比较强大。

在组件化方面。两者都有非常不错的组件化设计，在这方面暂时难分高下，这可能也是 React 能迅速流行的原因，而 Vue 则后来居上的原因。

最后，作为前端界的两大主流框架，前端程序猿绕不过去的坎。对于两者都有所了解才能更加全面的看待优缺点，而不是吊死在一个技术栈上。

就像 Vue/React 淘汰了 jQuery 一样，未来前端界还会继续发展，推出更多更优秀的框架，最终可能连 Vue/React 也会被淘汰。程序猿的宿命，就是不断的去学习更多新的知识，每日学习，终身学习。

最后来点私货，毕竟自己是做 Vue 起家的，所以更加偏向 Vue。而 Vue 的学习起来也方便快捷，所以对于新人而言可能更加推荐学习 Vue 了，在有所了解后再去研究下 React，对比下优劣，看看会不会得出和我一样的结果。

• 本文作者： 草梅友仁(CaoMeiYouRen)
• 本文链接： https://wp.cmyr.ltd/archives/react-initial-learning-and-exploration
• 版权声明： 本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！