thoughtbit / rocketact

🚀Developing React projects with ease

🚀 Developing React projects with ease

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

Usage

With npx, you can run:

npx rocketact create my-awesome-project

Or you can install rocketact globaly:

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

then you can:

cd my-awesome-project
npm start
// or
yarn start

Packages

Name	Description	Meta
rocketact	commandline tool to create new projects
rocketact-scripts	main functionality resides here
rocketact-dev-utils	common utils shared by other packages
rocketact-web-console	web console core
rocketact-plugin-polyfill	automatically setup polyfill configuration
rocketact-plugin-bundle-analyzer	add webpack-bundle-analyzer intergation for Rocketact projects
rocketact-plugin-butler	add compatibility for legacy Butler projects

Development

Use Node >= 10 version as development environment.

Prepare

git clone https://github.com/jdf2e/rocketact.git
cd rocketact
yarn && yarn bootstrap
cd packages/rocketact-scripts/test/fixture/simple/ && yarn && cd -

Build

yarn build

Testing

yarn test

While developing, you can start jest in watch mode:

yarn test -- --watch

Commit Changes

yarn commit

Preview Website Locally

We use Docusaurus maintain our website.

If you want to preview the website locally, you can:

cd docusaurus/website
yarn
yarn start