https://github.com/jdf2e/rocketact
🚀Developing React projects with ease
https://github.com/jdf2e/rocketact
build-tools create-react-app es6 multi-page-application react single-page-applications typescript webpack zero-configuration
Last synced: 3 months ago
JSON representation
🚀Developing React projects with ease
- Host: GitHub
- URL: https://github.com/jdf2e/rocketact
- Owner: jdf2e
- License: mit
- Created: 2018-11-01T09:55:26.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2022-12-09T13:24:06.000Z (over 2 years ago)
- Last Synced: 2025-03-21T18:02:08.600Z (3 months ago)
- Topics: build-tools, create-react-app, es6, multi-page-application, react, single-page-applications, typescript, webpack, zero-configuration
- Language: TypeScript
- Homepage: https://rocketact.js.org/
- Size: 4.32 MB
- Stars: 47
- Watchers: 3
- Forks: 13
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
🚀 Developing React projects with ease
## Features
- ⚡️ Zero configuration
- 👏 Supports both Single-Page Application and Multi-Page Application
- 📤 Supports [TypeScript](https://www.typescriptlang.org/)、[Sass](https://sass-lang.com/)、[PostCSS](https://postcss.org/) out of box
- 🖥 Full-featured web console
- 🕹 Fully control over every step of the build process
- 🔌 Supports [Yarn Plug'n'Play](https://yarnpkg.com/lang/en/docs/pnp/) environment
- 💈 Supports Custom Template
## Usage
With [`npx`](https://blog.npmjs.org/post/162869356040/introducing-npx-an-npm-package-runner), run:
```bash
npx rocketact create my-awesome-project
```
Or you can install `rocketact` globaly:
```bash
npm install -g rocketact
rocketact create my-awesome-project
cd my-awesome-project
```
More info please refer to [Rocketact website](https://rocketact.js.org/).
### Available Scripts
#### Start
> Start local development environment
```bash
yarn start
# or
npm start
```
#### Build
> Perform a production build
```bash
yarn build
# or
npm run build
```
## 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 | 
|
| babel-preset-rocketact | babel presets for Rocketact projects | 
|
| rocketact-plugin-polyfill | automatically setup polyfill configuration | 
|
| rocketact-plugin-bundle-analyzer | add [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyzer) intergation for Rocketact projects | 
|
| rocketact-plugin-legacy-decorators | add legacy decorators support for Rocketact projects | 
|
| rocketact-plugin-butler | add compatibility for legacy Butler projects | 
|
## Awesome Plugins
| Name | Description |
| ---------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------- |
| [rocketact-plugin-yep-react](https://www.npmjs.com/package/rocketact-plugin-yep-react) | support [yep-react](https://yep-react.jd.com/) ui components lib |
| [rocketact-plugin-icons-react](https://www.npmjs.com/package/rocketact-plugin-icons-react) | support @jdcfe/icons-react use svg |
| [rocketact-plugin-bundle-with-banner](https://www.npmjs.com/package/rocketact-plugin-bundle-with-banner) | bundle with banner |
| [rocketact-plugin-bundle-with-version](https://www.npmjs.com/package/rocketact-plugin-bundle-with-version) | bundle with version which in package.json |
| [rocketact-plugin-jdc-practices](https://www.npmjs.com/package/rocketact-plugin-jdc-practices) | jdc fe team practices |
Thanks for contributing these awesome plugins, you can find more plugins from npm [query link](https://www.npmjs.com/search?q=rocketact-plugin).
## Contributing
Please read our [contributing guide](https://github.com/jdf2e/rocketact/blob/master/CONTRIBUTING.md).