React ke All Important Commands List in Hindi | Full Guide for Beginners
React aaj ke time me sabse popular JavaScript library hai jise use karke hum fast, dynamic aur powerful websites bana sakte hain. Agar aap React seekh rahe hain ya React developer hain to aapko kuch important commands ka pata hona bahut jaruri hai, jo aapke development ke workflow ko asaan bana dete hain.
Is blog post me mai Rehan Khan aapko React ke basic se le kar advanced level tak ke sabhi useful commands ki list share karunga. Ye guide specially un sabhi developers ke liye hai jo React seekhna chahte hain ya apne existing skills ko aur improve karna chahte hain.
Chaliye shuru karte hain React ke Important Commands ki full guide 🚀
1️⃣ React Project Create Karne Ke Commands
👉 Using Vite (Recommended - Fast Setup)
npm create vite@latest my-app --template react
cd my-app
npm install
npm run dev
👉 Using Create React App (CRA) - Traditional Way
npx create-react-app my-app
cd my-app
npm start
2️⃣ Basic NPM Commands for React
| Command | Purpose |
|---|---|
| npm install | Project ke dependencies install karna |
| npm start | React project ko run karna (CRA ke liye) |
| npm run dev | React project run (Vite ke liye) |
| npm run build | Production build banana |
| npm run lint | Code ko lint karna (errors check karna) |
| npm run test | Unit tests run karna (agar configured hai) |
| npm run eject | CRA ka config expose karna (advanced) |
3️⃣ Useful YARN Commands (Alternative to NPM)
| Command | Purpose |
|---|---|
| yarn install | Dependencies install karna |
| yarn start | Project run karna |
| yarn build | Production build banana |
| yarn test | Test run karna |
| yarn add package-name | Naya package install karna |
| yarn remove package-name | Package remove karna |
4️⃣ Commonly Used React Libraries Install Karne Ke Commands
👉 React Router DOM (Routing ke liye)
npm install react-router-dom👉 Axios (API calls ke liye)
npm install axios👉 Redux (State Management ke liye)
npm install redux react-redux👉 Material UI (Component library)
npm install @mui/material @emotion/react @emotion/styled👉 Bootstrap (CSS framework)
npm install bootstrap5️⃣ Vite ke Special Commands
| Command | Purpose |
|---|---|
| npm run dev | Development server start karna |
| npm run build | Production build create karna |
| npm run preview | Build ke preview ko locally dekhna |
6️⃣ React Component Create Karna (Manually)
mkdir src/components
touch src/components/MyComponent.jsx
🎉 Conclusion
Umeed karta hoon ki aapko ye React ke All Important Commands ki Guide pasand aayi hogi. Agar aap beginner hain to pehle basic commands ko achhi tarah samjhein aur practice karein. Aap React ke sath naye naye libraries aur tools bhi try kar sakte hain jaise ki Redux, React Router, Material UI, Bootstrap etc.
Agar aapko ye post achhi lagi ho to apne friends ke sath share karein aur comment me batayein ki aapko React ka kaunsa command sabse useful laga! 🚀
Happy Coding!
Rehan Khan
earnwithrehan86147.blogspot.com
Comments
Post a Comment