<a href="#"> <img alt="rocketact" src="./logo.png"> </a> 🚀 Developing React projects with ease <a href="https://travis-ci.org/jdf2e/rocketact/builds"><img alt="Build Status" src="https://travis-ci.org/jdf2e/rocketact.svg?branch=master"></a> <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact-scripts&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact-scripts"></a> <a href="https://www.npmjs.com/package/rocketact"><img alt="node" src="https://img.shields.io/node/v/rocketact.svg"></a> <a href="https://www.npmjs.com/package/rocketact-scripts"><img alt="npm Downloads" src="https://img.shields.io/npm/dm/rocketact-scripts.svg"></a> <a href="https://github.com/jdf2e/rocketact/issues"><img alt="issues open" src="https://img.shields.io/github/issues/jdf2e/rocketact.svg"></a> <a href="https://github.com/jdf2e/rocketact/issues?q=is%3Aissue+is%3Aclosed"><img alt="issues closed" src="https://img.shields.io/github/issues-closed/jdf2e/rocketact.svg"></a> <a href="https://github.com/jdf2e/rocketact/graphs/contributors"><img alt="GitHub contributors" src="https://img.shields.io/github/contributors/jdf2e/rocketact.svg"></a> <a href="http://makeapullrequest.com"><img alt="PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat"></a>

Features

⚡️ Zero configuration
👏 Supports both Single-Page Application and Multi-Page Application
📤 Supports TypeScript、Sass、PostCSS out of box
🖥 Full-featured web console
🕹 Fully control over every step of the build process
🔌 Supports Yarn Plug'n'Play environment
💈 Supports Custom Template

Usage

With npx, run:

npx rocketact create my-awesome-project

Or you can install rocketact globaly:

npm install -g rocketact
rocketact create my-awesome-project
cd my-awesome-project

More info please refer to Rocketact website.

Available Scripts

Start

Start local development environment

yarn start
# or
npm start

Build

Perform a production build

yarn build
# or
npm run build

Packages

| Name | Description | Meta | | ---------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | rocketact | commandline tool to create new projects | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact"></a> | | rocketact-scripts | main functionality resides here | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact-scripts&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact-scripts"></a> | | rocketact-dev-utils | common utils shared by other packages | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact-dev-utils&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact-dev-utils"></a> | | rocketact-web-console | web console core | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact-web-console&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact-web-console"></a> | | babel-preset-rocketact | babel presets for Rocketact projects | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Fbabel-preset-rocketact&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Fbabel-preset-rocketact"></a> | | rocketact-plugin-polyfill | automatically setup polyfill configuration | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact-plugin-polyfill&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact-plugin-polyfill"></a> | | rocketact-plugin-bundle-analyzer | add webpack-bundle-analyzer intergation for Rocketact projects | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact-plugin-bundle-analyzer&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact-plugin-bundle-analyzer"></a> | | rocketact-plugin-legacy-decorators | add legacy decorators support for Rocketact projects | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact-plugin-legacy-decorators&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact-plugin-legacy-decorators"></a> | | rocketact-plugin-butler | add compatibility for legacy Butler projects | <a href="https://david-dm.org/jdf2e/rocketact?path=packages%2Frocketact-plugin-butler&view=list"><img alt="David (path)" src="https://img.shields.io/david/jdf2e/rocketact.svg?path=packages%2Frocketact-plugin-butler"></a> |

Awesome Plugins

| Name | Description | | ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- | | rocketact-plugin-yep-react | support yep-react ui components lib | | rocketact-plugin-icons-react | support @jdcfe/icons-react use svg | | rocketact-plugin-bundle-with-banner | bundle with banner | | rocketact-plugin-bundle-with-version | bundle with version which in package.json | | rocketact-plugin-jdc-practices | jdc fe team practices |

Thanks for contributing these awesome plugins, you can find more plugins from npm query link.

Contributing

Please read our contributing guide.

Rocketact

Install / Use

README