美文网首页
为什么要学习react

为什么要学习react

作者: 知命者夏洛特 | 来源:发表于2018-09-29 15:38 被阅读0次

react现在是一个很流行的框架,那么在学习react之前,希望大家能够了解以下的问题。

      facebook为何要建造react?

      react这个库主要解决了什么问题?

      react是基于什么原理解决的呢?

1. 为什么建造react


1.1. 已有的框架不能很好的解决前端的问题

       因为目前市面上已有的框架不能很好的解决前端视图中所遇到的问题,所有facebook决定重新开发一套框架,这就是react诞生的原因。。

1.2. 理解一下mvc

    M:模型层,主要包括数据模型的创建()、添加、修改(拼接、格式化等)、删除、查询(清洗、过滤等)等操作逻辑;

C:控制器层,主要包括两个方面: 1、注册事件并操作DOM,获取用户的输入和操作参数,将参数传递给模型层处理; 2、根据模型层返回的参数进行DOM操作,控制视图来呈现不同的状态用以与用户交互;

V:视图层,主要包括HTML标签、CSS,提供给控制器操作的对象;

1.3. 使用MVC会使问题更复杂

以MVC的模式来构建前端应用,会让问题更加复杂;问题的根源,是 MVC 在服务端引介进来的原理和分离做法到了客户端并不完全一样。

1.3.1. 控制层-视图层的耦合

下面的图解释了在服务器端视图层是如何与控制层交互的。它们之间只有两处接触,都在客户端与服务器端彼此的边界上。

服务器端的 MVC:

但你来看客户端的 MVC ,就会发现问题。控制器很像我们所说的“背后的代码”,极度依赖前面的视图层。而在绝大多数框架中,控制器甚至是在视图层创建的(比如 Angular 的 ng-controller 就是这样的)。

1.3.2. 客户端的MVC:

此外,你再想想单一职责原则,客户端的 MVC 明显打破了这条原则。客户端的控制器代码在某种程度上既负责了事件处理又在掺和业务逻辑。

1.3.3. 臃肿的模型层

细想一下在客户端你放入模型层的数据是什么样的?

其一,你有一些如 users、products 那样的数据,代表你的应用程序状态。再者,你还需要保存 UI 状态——像 showTab、selectedValue 那样的东西。

跟控制器类似,模型层也打破了单一职责原则,因为你没有方法将 UI 状态和应用程序状态的管理分离开来。

相关文章

  • 《React Native移动开发实战》一

    第一章 为什么要学习 React Native React Native 与 React.js 的对比 Reac...

  • 为什么要学习react

    react现在是一个很流行的框架,那么在学习react之前,希望大家能够了解以下的问题。 facebook为何...

  • 第1节,进入React的世界2019-05-03

    1.1 React简介 React是什么? 1.声明式的写法2.组件化3.一处学习,随处编写 为什么要学习Reac...

  • 六、react基本概念

    1、react-dom和react为什么要分开因为还有react-dom、react-canvas、react-a...

  • 01为什么要学Angular?

    为什么要学Angular? 为什么有的人,明明精通Vue和React,还要坚持去学习Angular,因为公司需要,...

  • React 简单介绍

    why React? React是Facebook开发的一款JS库,那么Facebook为什么要建造React呢,...

  • React01-开始

    在记录react的学习之路开始,我想先谈谈为什么会有react假如有一个页面,页面上有一个dom,要操作这个dom...

  • react学习(2019/7/30-8/7)

    今日总结 课上提到的内容 1. 讲了react要学习的内容提纲 react 基础,JSX语法,插件 react-r...

  • react 学习笔记(一)

    为什么要学习react, 作为一个前端开发人员(掌握vue),我觉得是不够得,想更多的去拓展 学习这个东西讲究循序...

  • Vue从入门到实践

    1.为什么要学习Vue 最近总是听业内的朋友说起Vue.js,各种安利,和React对比起来,Vue的上手难度要低...

网友评论

      本文标题:为什么要学习react

      本文链接:https://www.haomeiwen.com/subject/mqqboftx.html