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.
npx create-rp-appThat's it! Follow the interactive prompts to customize your React project.
- 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: TailwindCSSCreate-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
| 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 |
- 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
- React 19 with Webpack 5
- Hot Module Replacement (HMR)
- Production-ready build configuration
- Development server with auto-reload
- 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
-
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
>>>>>> 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
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
This project is licensed under the MIT License - see the LICENSE file for details.
Star this repo if you find it helpful!
Made with ❤️ by amitkrout