最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > 编程开发 > Web前端> React 介绍及教程

React 介绍及教程

文章作者:网友投稿 发布时间:2019-06-27 15:49:59 来源:网络

React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。下面就由小编向大家介绍一下吧!

       React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用 React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。下面就由小编向大家介绍一下吧!


React 下载:

1. 通过 CDN 下载

Rcdn.png

2. 通过 cnpm 下载

Rnpm.png

Rcnpm.png

3. 通过 npm 下载

   npm i React -v

React 特点:

  • 1. 声明式设计:React采用声明范式,可以轻松描述应用。

  • 2. 高效:React通过对DOM的模拟,最大限度地减少与DOM的交互。

  • 3. 灵活:React可以与已知的库或框架很好地配合。

  • 4. JSX:JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。

  • 5. 组件: 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。

  • 6. 单向响应的数据流:React 实现了单向响应的数据流,从而减少了重复代码。

React 第一个实例:

reactHW.png


JSX 语法:

JSX.png

      这个有趣的标签语法既不是字符串也不是 HTML。

      它被称为 JSX,是一个 JavaScript 的语法扩展。我们建议在 React 中配合使用 JSX,JSX 可以很好地描述 UI 应该呈现出它应有交互的本质形式。JSX 可能会使人联想到模版语言,但它具有 JavaScript 的全部功能。

在 JSX 中嵌入表达式:

JSX1.png

渲染元素:

Rxr.png

Rxr1.png


上一篇: 没有了

下一篇: 没有了

共有0条评论网友评论
游戏排行榜