React小知识

原创 2018年01月23日 14:28:57


React 是一个用于构建用户界面的 JAVASCRIPT 库。

React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。

React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。

React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

React 特点

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

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

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

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

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

  • 6.单向响应的数据流 − React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。


小范例:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Hello React!</title>
    <script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
    <script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
    <script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>
  </head>
  <body>
    <div id="example"></div>
    <script type="text/babel">
      ReactDOM.render(
        <h1>Hello, world!</h1>,
        document.getElementById('example')
      );
    </script>
  </body>
</html>
输出:

Hello, world!

 当前React 的版本为 15.4.2,可以在官网 http://facebook.github.io/react/ 下载最新版。

也可以使用国内bootcdn的库

<script src="https://cdn.bootcss.com/react/15.4.2/react.min.js"></script>
<script src="https://cdn.bootcss.com/react/15.4.2/react-dom.min.js"></script>
<script src="https://cdn.bootcss.com/babel-standalone/6.22.1/babel.min.js"></script>



React简单实用小知识点整理(一)

react
  • u013558749
  • u013558749
  • 2017年03月10日 19:01
  • 887

关于微信小程序的基本知识

iamlaosong评: 2007年 1 月 9 日,史蒂夫·乔布斯发布第一代 iPhone。2017 年1 月 9 日,小程序正式上线。张小龙选择在十年后的今天发布小程序,其寓意不言自明。从来没有一...
  • iamlaosong
  • iamlaosong
  • 2017年01月10日 09:38
  • 809

linux 有用的一些小知识

1,自动补全 2,通配符 3,管道  过滤 4,重定向 5,环境变量修改 6,启动项查看,服务重启 7,系统和设备管理,查看串口,pci,usb设备 8,执行最近的命令 9,帮助 1...
  • liang890319
  • liang890319
  • 2012年12月02日 13:38
  • 1796

小程序应该如何入门,初学者应该掌握哪些基本知识?

从便于理解角度来说,可以把小程序看成类H5页面,提供了视图层描述语言,WXML 和 WXSS 以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方...
  • chuangxin
  • chuangxin
  • 2017年12月19日 21:35
  • 170

React Native写了一个开眼App

一、前言 不想看我废话的直接github看代码 ,仓库地址:react-native-eyepetizer 更多关于React Native知识请关注Marno的简书专题《...
  • sinat_17775997
  • sinat_17775997
  • 2017年02月17日 17:14
  • 1157

微信小程序开发知识点总结

微信小程序开发知识点总结1.微信小程序的目录结构1.外联公共样式的方法根据微信的官方文档,是支持@import的方式一如外联的公共样式的 使用@import语句可以导入外联样式表,@import后...
  • yisuowushinian
  • yisuowushinian
  • 2017年02月19日 08:50
  • 2460

关于 微信 小知识

关于微信的知识 1、朋友圈和查找附近的人插件能卸载吗? 朋友圈和查找附近的人可以在设置里卸载 2、查询微信好友数量的办法 通讯录下拉到 最底部,另一个是我 -> 设置->通用->功能->群发...
  • ralbatr
  • ralbatr
  • 2014年01月16日 09:38
  • 5049

React 实用知识点

react
  • DeepLies
  • DeepLies
  • 2017年04月13日 15:05
  • 548

Native VS React Native VS 微信小程序

随着React Native和 微信小程序的出现,Native一家独大的局面出现裂痕,很多小公司使用已经正在着手微信小程序和React Native了,我公司就已经走上React Native之路。那...
  • Edu_enth
  • Edu_enth
  • 2017年02月20日 09:59
  • 518

C语言小知识

1.C语言中如何引用一个已经定义的全局变量? Answer:①引用头文件的方式;②引用extern关键字。 注:※⑴如果引用头文件方式引用某个在头文件中声明的全局变量,在写入头...
  • Xiao__Tian__
  • Xiao__Tian__
  • 2016年04月04日 15:32
  • 883
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React小知识
举报原因:
原因补充:

(最多只允许输入30个字)