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 其他配置等。

猜你喜欢

转载自blog.csdn.net/China_Guanq/article/details/82821577
今日推荐