create-reactopack
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
npx create-rp-app
That’s it! Follow the interactive prompts to customize your React project.
Common Setups
- React + TypeScript + Router + Redux + TailwindCSS
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
- Run the command:
npx create-rp-app - Answer the prompts:
- Project name
- TypeScript or JavaScript
- Package manager (npm/yarn/pnpm)
- Optional additional packages (you can press Enter to skip)
- CSS framework
- Start coding:
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!
- Fork the repository
- Create your feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
License
This project is licensed under the MIT License - see the LICENSE file for details.
Support
Star this repo if you find it helpful!
Made with ❤️ by amitkrout