quick-react-app

快速开发React项目脚手架

Usage no npm install needed!

<script type="module">
  import quickReactApp from 'https://cdn.skypack.dev/quick-react-app';
</script>

README

quick-react-app

一个基于官方create-react-app的快速开发脚手架


NPM version node version

Intro

quick-react-scripts

quick-react-app能帮助你做什么?

  • 规范常用的目录结构
  • 使用craco进行webpack配置,包括别名以及jsx文件自动识别
  • 对axios的二次封装
  • 使用: react-router来管理路由
  • 使用styled-components+常用的css编写样式
  • 使用React Hooks组件
  • 自由选择是否安装并配置ant design
  • 自由选择管理工具yarn or npm or cnpm
  • 使用redux和中间件redux-thunk进行状态管理
  • 使用immutable对项目reducer中state进行管理

安装使用

npm install quick-react-app -g

查看是否安装成功

quick-react-app --version

开始使用

创建一个名为my-app的项目

quick-react-app create my-app

添加一个名为TopMenu的组件

注意 : 添加组件和页面的命令需要在项目目录执行

cd my-app
quick-react-app addcpn TopMenu

添加一个名为Profile的页面

注意 : 添加组件和页面的命令需要在项目目录执行

cd my-app
quick-react-app addpage Profile

查看帮助

quick-react-app --help