五分钟学习React(一)： 什么是React

在前端的世界里，咱们要处理的文件不是太多，而是太少。天天开发项目将html、css、js、图片、字体文件都像大杂烩通常加载都网页上。当应用变得愈来愈臃肿的时候，会发现js用了那么多全局变量，css的继承关系如此复杂。

在这种状况下，React诞生了。React是经过一种新的方式组织代码，这种方式以javascript为核心，经过模块化的思惟，能够将css、jsx（react特有的组件形式）等引入js文件中。

1.安装

React社区提供了众多的脚手架，这里咱们使用官方推荐的create-react-app。

\\ 安装脚手架
npm install -g create-react-app
\\ 生成并运行项目
create-react-app my-app 
cd my-app
npm start

npm启动后，默认使用localhost:3000的地址。你的第一个react程序已经成功上线。

2.React项目

对于搭建React项目，不一样的开发者使用的工具不同，项目文件的结构也不同。为了学习的目的，咱们使用react官网的项目结构。[若是须要使用实战案例传送门]。

在public文件下，咱们存放index.html入口文件。

在src文件夹下，主要存放咱们的js入口文件、css文件。

3.总结

好了，本次的五分钟学习React就介绍到这里。咱们温习下要点：

1. react是一个javascript库，知足前端组件化开发模式
2. react是以javscript为中心的代码组织形式
3. react但愿管理css、js等模块，将其组件化