React技术依赖于一个很庞大的技术栈:react
1. 转译js代码须要使用Babelnpm
2. 模块打包工具使用Webpackgulp
3. 定制build过程须要grunt或者gulp浏览器
这些技术栈都须要各自的配置文件,尚未开始写一行React代码,开发人员就已经被各类名词概念淹没了。针对这种状况,React的建立者Facebook提供了一个快速开发React应用的工具create-react-app,这个工具的目的是将开发人员从配置工做中解脱出来,无需过早关注这些技术栈细节,经过建立一个已经完成基本配置的应用,让开发者快速开始React应用的开发。bash
create-react-app是一个经过npm发布的安装包:服务器
npm install --global create-react-app
安装完成后,你的电脑中就会有create-react-app这样一个可执行命令。app
咱们在命令行中执行:框架
create-react-app first_react_app
这个命令会在当前目录下建立一个名为first_react_app的目录,在这个目录中会自动添加一个应用的框架,随后咱们只须要在这个框架的基础上修改文件就能够开发React应用,避免了大量的手工配置工做。grunt
在create-react-app命令一大段文字输出以后,根据提示,输入下面的命令:工具
cd create-react-app npm start
这个命令会启动一个开发模式的服务器,同时也会让你的浏览器自动打开一个网页,指向本机地址http://localhost:3000
React的首要思想是经过组件来开发应用。所谓组件,指的是能完成某个特定功能的独立的、可重用的代码。