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

1. Run the command:

   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:

   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 file for details.

Support

Star this repo if you find it helpful!

Report a bug

Request a feature