React 项目的构建以及技术栈的应用

索引目录：
1、使用 react-app my-app 脚手架构建React 项目运行环境

2、React 技术栈在实际项目中的应用（模块下载）

1、使用 react-app my-app 脚手架构建React 项目运行环境

  当然这里我们使用react 官方提供的webpack 脚手架工具，这也是大多人的选择。如果您需要构建自己react 项目，便可大胆应用react 提供的create-react-app 来构建我们的开发环境，这是一个干净的模板。
使用它非常简单，从NPM 中获取，执行如下命令：

//1、首先全局安装我们的react 脚手架工具
npm i create-react-app -g

//2、创建react 项目环境
npm init react-app my-app

cd my-app

//启动
npm run start

官方仓库参考：https://github.com/facebook/create-react-app

React 技术栈在实际项目中的应用

  如上说明使用create-react-app 为我们构建一个基础的React 运行环境的模板。该模板应当满足了绝大部分人们的需要。在针对其他React 技术的应用，我们要做的只是安装我们所需要的依赖模块了，比如一个基本的React 项目，react-router 是必不可少的部分。
  默认 create-react-app 创建的模板并没有 react-router的配置，这需要我们自己配置。以及更多对于其他React 技术栈的应用。为此对一个React 应用中一般应用到一些技术项做为总结。 如下一个基本的React 项目 技术栈的主要应用：
react
react-router-dom
redux（eact-redux）
antd-mobile
less
axios
webpack

应用示图：

github ：https://github.com/RaccoonSmall/react-project-template

对于前面技术点的学习，总结React 形成对React 技术栈的应用。如果您需要搭建一个完整的React 项目。你可以参考使用该React 技术栈应用的模板，关于对react-router，react-redux 等配置也应“一应俱全”，当然也少不了合适自己的webpack 其他配置等。