React学习之旅一:React介绍以及和Vue的对比区别

React简介

  1. React起源于FaceBook的内部项目,因为该公司对市场上的javaScript MVC框架,都不满意,遂决定自己写一套,用来架设Instagram(照片的网站)。做出来之后觉得很好用,于是在2013年5月进行开源了。
  2. 由于React的设计思想及其独特,属于革命性创新,性能卓越,代码逻辑却非常简单,所以越来越多的人开始关注并使用,其将成为未来Web开发的主流佛工具。
  3. 两个重要概念:

            library(库):

                 特点:小而巧的是库,只提供了特定的API;可以很方便的 从一个库切换到另一个库,但是代码几乎不会改变;

            Framework(框架):

                 特点:大而全的是框架;框架提供了一整套的解决方案,如果在项目中间想要切换框架是比较困难的;

前端三大主流框架

  1. Angular.js:出现较早的前端框架,学习曲线比较陡从NG2开始支持使用TS(TypeScript)进行编程;印度用的多;

  2. Veu.js:最火的前端框架,它是中国人开发的,对我们来说文档友好一些;中国用的多;

  3. React.js: 最流行的一门框架,设计非常优秀;西方国家用的多;

React与vue的对比

组件方面

  1. 什么是模块化:是从代码的角度进行分析的;把一些可复用的代码,抽离为单独的模块,便于项目的维护和开发;
  2. 什么是组件化:是从UI界面的角度进行分析的;把一些可复用的UI元素,抽离成单独的组件;便于项目的维护和开发;
  3. 组件化的好处:随着项目规模的增大,手里的组件越来越多,可以很方便的把现有组件凭借成一个完整的页面;
  4. vue是如何实现组件化的:通过.vue文件,来创建对应的组件;① template结构;②script行为;③style样式;
  5. React是如何实现组件化的: React有组件化概念,但是没有像vue那样的模板文件;在React中一切都是以JS来表现的;因此ES6和ES7(async和await)要会用;

开发团队方面

  • React是由FaceBook团队进行开发并维护的,因此实例更雄厚一些;
  • vue是由作者尤雨溪进行开发维护的,后来增加了一些小团队;

移动APP开发体验方面

  • React结合ReactNative,提供了无缝迁移到A匹配的开发体验;
  • Vue结合了Weex技术,提供了迁移到App的开发体验;

为什么学习React

  1. 和Angular1相比,React设计优秀,一起都基于JS并且实现了组件化开发的思想;
  2. 开发团队实例强悍,不必担心断更的情况;
  3. 舍去强大,很多问题都能找到对应的解决方案;
  4. 提供了无缝转移到ReactNative上的开发体验;
  5. 目前很多企业,前端技术都是采用的React.js;

接下来将正式开始React的学习之旅~~

猜你喜欢

转载自blog.csdn.net/XU906722/article/details/81139911