什么是初学者的ReactJS?

本文来自:IT宝库(https://www.itbaoku.cn)

推荐答案1

react,是用于构建用户界面(UIS)和单页应用程序的开源JavaScript库.

推荐答案2

" react.js是一个JavaScript库,非常适合Web开发中的初学者.它简化了使用可重复使用的组件和通过虚拟DOM进行有效更新的动态Web接口的创建.

推荐答案3

我已经厌倦了阅读"这只是图书馆而不是框架"的论点.因此,让我给您一个相当直接的答案.是的反应和其他一些东西,所以我想我知道当我说反应很困难时我在说什么.

首先,您永远不会单独使用React来构建生活中的任何事情.除非您认为编写愚蠢的托多应用是React的黄金标准.在研究现实生活应用程序时,以下工具的知识将构成React.

  1. redux(或任何其他等效库)用于状态管理.如果您完全为现实生活中的问题开发了可扩展的解决方案,则不能(也不应)使用(也不应)来管理应用程序的状态.
  2. axios/axios/fetch/fetch/superegent (用于执行API呼叫的库).无论您使用哪种后端技术,都必须学习如何将数据从后端传输到前端,反之亦然.
  3. webpack/grunt(捆绑代码). tl; dr Webpack: When To Use And Why

这是浪费时间如果您在学习反应时不考虑上述工具.将上面提到的所有内容与React结合在一起,您有一个完整的框架.

现在已经说过,肯定有一个对React和Redux的学习曲线.这不仅仅是学习术语.在编写单行代码之前,您必须做很多预先思考.它主要围绕设计和管理您将要在应用程序中拥有的数据树进行围绕.当我这样说时,请相信我, react中的发展是屁股的真正痛苦 ,直到您围绕着(react+redux)的流量和状态管理原则一些令人讨厌的错误会让您意识到,一旦您克服了混乱并找到自己的React,React,只有这样,您才能喜欢在React中工作.

我会说,不要浪费时间学习react.js.始终从涵盖上面提到的每个库的教程系列开始. PluralSight有一个奇妙的课程,可以涵盖这一点.

,请不要最终进入那些认为开发todo应用程序的人的类别,足以学习React.它不是! IT行业中没有人使用反应.

推荐答案4

让我用一个实践的例子解释这一点.

想象一下您的 最喜欢的名人 发​​布照片在Facebook上.现在您去喜欢图像,然后突然看到,也可以查看评论.现在,当您浏览评论时,您会看到喜欢计数的数量增加100,因为您喜欢图片.是的,没有页面上的重新加载,只是以某种方式神奇地发生了变化.我的朋友是 react.js.我再次以Facebook为例,因为每个人都使用它,并且他们创建了React.js:d.因此,数十亿个帖子,如此多的交通,数百万等计数.他们如何管理所有的速度.为此,他们出现了一个名为react.js

的库.现在,这篇文章是 容器 由多个小部分组成,例如赞,注释,共享,评论框,称为 组件. 因此,是的,可以将页面分解为组件.现在,您一定想知道为什么我们要这样做,我们的前端已经有很棒的框架?好吧,如果您不这样在HTML上.一切始于简单的HTML代码,人们在90年代去了Wohoo.接下来是JavaScript于1996年,其方法与HTML DOM(文档对象模型)进行交互.之后,建立了JQuery,以更改HTML DOM的内容.接下来,在2009年之后,Angular.js是前端框架的父亲,它为创建强大的前端提供了完整的选择.现在,如果您在HTML代码上看到所有这些工作,即 ,您会根据JavaScript (jQuery,angular等)更改HTML.现在,JavaScript比HTML强大得多,Facebook考虑了这一事实,并决定 从JavaScript 创建HTML本身(如果您知道Ajax,则应该能够联系对此) 他们创建了react.js. 为了总结一下react.js从您的javascript创建您的html.

现在,您知道组件及其工作方式.您知道React.js从JavaScript创建HTML.但是,ReactJ本身不是用香草JavaScript编写的. React.js写在某物 JSX(Java脚本XML)中. ,但是HTML是由JavaScript创建的,对吗? 因此,我们如何从JSX获得JS. 为此,我们使用了称为 babel的转板器. babel将您的JSX转换为JS,您可以将其放入HTML中以动态创建内容.

是什么使其快速:

React具有 虚拟DOM的概念. 因此,说您的HTML具有创建您的HTML的转移生成的输出JavaScript.现在说,何时在组件更改的特定组件中进行任何更改.现在,这些更改不是直接将其推向DOM,而是将其推向称为虚拟的东西.现在,在这一点上,虚拟集和真实的HTML DOM之间存在一个差异,并且将变化推向了realdom.这就是使它快速的原因.现在尝试链接到我在答案开头共享的示例.现在应该清楚.

好处: -

  1. 单页应用程序.
  2. 整个页面保持不变,但只有很少的组件会更改.
  3. 代码易于扩展和维护.
  4. 从JS <​​/span>
  5. 同构渲染(服务器端渲染)
  6. lazing速度

推荐答案5

首先,从动机开始!

为什么有人应该在市场上的其他著名框架上使用反应?

给他们一个巨人的名字,例如Facebook,whatsapp,instagram,airbnb,netflix和许多其他使用ReactJ的其他巨头.

反应进入市场时发生了范式转移.在React之前,Angular是Web开发人员的首选(仍然有许多公司正在使用它,许多公司开始从Angular转变为React).今天React非常受欢迎的原因是因为它的快速渲染! React在此击败了所有其他框架.大多数框架会不断更新DOM,而ReactJS则使用虚拟DOM,该虚拟DOM是一个大的JavaScript对象.每当某些东西在实际DOM中发生变化时,React都会制作虚拟DOM对象,并将其与真实的对象进行比较,并仅更新其必需的UI部分.这使得比其他框架的反应要快.

它如此受欢迎的另一个原因是由于拥有丰富的社区. IT巨头Facebook已建立了它.因此,Facebook Company的智能思维正在此图书馆后面工作!

告诉他们有关React的基本概念:

  • jsx
  • props
  • 状态
  • 任何使用React的Web应用程序,您都需要首先将整个应用程序转移到小组件中!组件是Reactjs的骨干.

,是的,这几乎就是它!

React React是相当的直接框架.您可以在几分钟之内构建基本应用(Hello World:P).

这是开始的重要链接:

<

<跨度> React - A JavaScript library for building user interfaces

25 React Projects - 这些是初学者的项目.

感谢您向此滚动!

是我在Quora!

Cheers上的第一个答案!