https://github.com/amitkroutthedev/create-reactopack
An npx CLI that handles scaffolding and setup of a React project using Webpack and other popular packages
https://github.com/amitkroutthedev/create-reactopack
chalkjs create-sra inquirer nodejs npm-package npx reactjs shelljs webpack
Last synced: about 2 months ago
JSON representation
An npx CLI that handles scaffolding and setup of a React project using Webpack and other popular packages
- Host: GitHub
- URL: https://github.com/amitkroutthedev/create-reactopack
- Owner: amitkroutthedev
- License: mit
- Created: 2023-09-29T14:07:45.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-15T11:36:24.000Z (about 1 year ago)
- Last Synced: 2025-10-27T01:08:45.408Z (5 months ago)
- Topics: chalkjs, create-sra, inquirer, nodejs, npm-package, npx, reactjs, shelljs, webpack
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/create-rp-app
- Size: 30.3 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Create-Reactopack
> **Interactive CLI to generate React 19 + Webpack 5 apps with optional Router, Redux, Axios, and CSS frameworks – full control, no hidden config.**
Perfect if you like React + Webpack but want a faster setup than wiring everything from scratch or fighting CRA/Vite’s hidden config.
### Quick Start
```bash
npx create-rp-app
```
That's it! Follow the interactive prompts to customize your React project.
### Common Setups
- **React + TypeScript + Router + Redux + TailwindCSS**
```bash
npx create-rp-app
# Prompts:
# - Folder name: my-awesome-app
# - Will you be using TypeScript or JavaScript? TypeScript
# - Select a package manager: pnpm (or npm / yarn)
# - What packages to include? React Router, Redux, Axios
# - Please choose the css framework: TailwindCSS
```
---
### What You Get
Create-Reactopack generates a **clean, production-ready React project** with:
- **Webpack** configured and ready
- **Package Manager** choice (npm, yarn, or pnpm)
- **TypeScript** or **JavaScript** support
- **CSS Frameworks**: TailwindCSS, MUI, or Bootstrap
- **React Router** for routing
- **Redux** with Thunk or Saga middleware
- **Axios** for API calls
- **Zero configuration** - everything works out of the box
---
### Why Choose Reactopack?
| Feature | Reactopack | CRA / Vite / Others |
|---------|-----------|----------------------|
| **Webpack Control** | Full control | Hidden or abstracted config |
| **Package Selection** | Interactive | Fixed setup / extra installs |
| **CSS Framework** | Choose on setup | Manual install & wiring |
| **State Management** | Pre-configured Redux + middleware | DIY setup |
| **Speed** | Fast setup | Varies |
---
### Features
- **Interactive CLI** - Choose what you need, skip what you don't
- **Fully Customizable** - Webpack config is yours to modify
- **Fast Setup** - Get started in seconds, not minutes
- **Secure** - Latest packages with no known vulnerabilities
- **Modern Stack** - React 19, latest Webpack, and best practices
- **Zero Bloat** - Only install what you select
---
### What's Included
### Core Setup
- React 19 with Webpack 5
- Hot Module Replacement (HMR)
- Production-ready build configuration
- Development server with auto-reload
### Optional Packages
- **React Router** - Client-side routing
- **Redux** - State management (with Thunk or Saga)
- **Axios** - HTTP client
- **TailwindCSS** - Utility-first CSS
- **Material-UI** - React component library
- **Bootstrap** - Popular CSS framework
---
### Usage
1. **Run the command:**
```bash
npx create-rp-app
```
2. **Answer the prompts:**
- Project name
- TypeScript or JavaScript
- Package manager (npm/yarn/pnpm)
- Optional additional packages (you can press Enter to skip)
- CSS framework
3. **Start coding:**
```bash
cd your-project-name
npm install # or yarn/pnpm
npm run dev # or yarn dev / pnpm dev
```
---
### Example Output
```
>>>>>> Welcome to REACTOPACK
? Enter your folder name: my-awesome-app
? Will you be using TypeScript or JavaScript? TypeScript
? Select a package manager: pnpm
? What packages to include? (optional) React Router, Axios, Redux
? Choose Redux middleware: redux-thunk
? Please choose the css framework: TailwindCSS
my-awesome-app successfully created!
To run the project:
cd my-awesome-app
pnpm install
pnpm dev
```
---
## Contributing
Found a bug or have a feature request? We'd love your help!
1. Fork the repository
2. Create your feature branch (`git checkout -b feature/amazing-feature`)
3. Commit your changes (`git commit -m 'Add amazing feature'`)
4. Push to the branch (`git push origin feature/amazing-feature`)
5. Open a Pull Request
---
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
---
## Support
Star this repo if you find it helpful!
[Report a bug](https://github.com/amitkroutthedev/create-reactopack/issues)
[Request a feature](https://github.com/amitkroutthedev/create-reactopack/issues)
---
Made with ❤️ by amitkrout