本篇文章主要的讲述了关于react的一些基础知识，让大家多多了解一些关于react的基础。现在就让我们一起来看这篇文章吧
react入门系列一（初识react）一、react简介react是一个用于构建用户界面的javascript库。react主要用于构建ui，很多人认为react是mvc中的v（视图）。react起源于facebook的内部项目。react 拥有较高的性能，代码逻辑非常简单。
二、react特点声明式设计−react采用声明范式，可以轻松描述应用。
高效 −react通过对dom的模拟，最大限度地减少与dom的交互。
灵活 −react可以与已知的库或框架很好地配合。
jsx − jsx是 javascript语法的扩展。react开发不一定使用jsx，但建议使用。
组件 − 通过react构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
单向响应的数据流 − react 实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。
三、基本使用介绍基本模板<!doctype html> <html> <head> <script src="../build/react.js"></script> <script src="../build/react-dom.js"></script> <script src="../build/browser.min.js"></script> </head> <body> <p id="example"></p> <script type="text/babel"> </script> </body> </html> 模板中代码一共用了三个库： react.js 、react-dom.js 和 browser.js 需要注意的是，它们必须首先加载。 1）react.js是react的核心库。 2）react-dom.js是提供与dom相关的功能。 3）browser.js的作用是将jsx语法转为javascript语法，这一步很消耗时间，实际上线时，应将它放到服务器完成。 $ babel src --out-dir build 这个命令可以将src子目录的js文件进行语法转换，转码后的文件全部放在build子目录。
注意：最后一个script标签的type属性为text/babel 。这是因为react独有的jsx语法，跟javascript不兼容。凡是使用jsx的地方，都要加上type=”text/babel” 。如果需要使用jsx，则script标签的type属性需要设置为text/babel。（想看更多就到react参考手册栏目中学习）
补充一点： 使用jsx，可以极大的简化react元素的创建，jsx抽象化了react.createelement()函数的使用，其语法风格类似于html语法风格.不过，使用react并非必须使用jsx，jsx只是一种直观的创建react nodes的方法，它是对react.createelement（）方法的抽象，通过babel，jsx语句也可以直接在浏览器中运行，babel内嵌了对jsx的支持。 在运行时引用babel.js虽然容易使用而且还很方便，不过并不是一种好的方案，因为需要转换，所以更加耗时，这一缺点在产品阶段显得更加明显。babel是react团队选择的在使用react过程中转换es*和jsx为es5语句的工具。实际 babel主要用途是一个javascript转换器，它可以转换各种es*代码为浏览器可识别的es代码。就目前来说，babel主要会转换es6和es7语句为es5语句，转换jsx看起来倒像是其的一个附加功能。babel.js与browser.js的关系 babel的浏览器版本为browser.js（未精简）和browser.min.js（已精简）。所以最后一个文件也可以引入babel.min.js。
四、通过npm使用react（使用create-react-app快速构建react开发环境）create-react-app 是来自于 facebook，通过该命令无需配置就能快速构建 react 开发环境。create-react-app 自动创建的项目是基于 webpack + es6 。
执行以下命令创建项目(支持node.js和npm)：$ npm install -g create-react-app$ create-react-app my-app$ cd my-app/$ npm start
本篇文章到这就结束了（想看更多就到react使用手册栏目中学习），有问题的可以在下方留言提问。
以上就是react是什么？react的基本使用介绍（附实例）的详细内容。