React CLI Toolkit 🛠️

react-cli-toolkit is a small, lightweight and dependency-free CLI tool that helps you create routes for your React app in a single command! ⚡

Watch Tutorial on Youtube

How to use react-cli-toolkit in your react app | react cli toolkit tutorial | Developer Saumya

🚀 Features

• Zero dependencies
• Automatic route creation
• React Router DOM integration
• CSS file generation
• Global or project-level installation
• Automatic App.jsx updates

📦 Installation & Usage

Method 1: Project Installation (Recommended)

Step 1: Install as dev dependency

npm install -D react-cli-toolkit

Step 2: Add this into package.json scripts

"scripts": {
"page": "reactcli"
},

Step 3: Create routes with npm

npm run page <route>
# example
npm run page home

Method 2: Global Installation

# Step 1: Install globally
npm install -g react-cli-toolkit

Step 2: Use anywhere

reactcli <route>

🎯 Example

npm run page home

This will create:

src/pages/Home/
├── Home.jsx
└── Home.css

✨ Bonus: If you haven't installed react-router-dom, it will automatically:

1. Install the package
2. Update your App.jsx with the new route

👨‍💻 Author

Built with 💙 by Saumya Sarma

• Instagram
• LinkedIn
• X
• GitHub
• NPM Package
• Project Repository

---

MIT License — Free for personal and commercial use.