This repository tracks my PRACTISE TRAINING OF REACT in the evening session, where I am developing responsive web applications using React and Vite. This space serves as a record of my progress and learnings from the training.
- Overview
- React + Vite
- Prerequisites
- Getting Started
- Daily Practice and Project Development
- Contributing
- Connect with Me
This repository is designed to document my journey in learning React through daily practice and project building. The training focuses on mastering key React concepts like components, state, props, hooks, routing, and API integration while utilizing Vite for efficient development.
Whether you're a frontend developer, full-stack developer, or React enthusiast, this repository provides a solid foundation in React development with practical projects and exercises.
The React and Vite setup in this repository ensures a fast and modern development experience. Vite's minimal setup and Hot Module Replacement (HMR) allow for quicker iterations, making it a great choice for React applications.
Here are the available Vite plugins for React development :
- @vitejs/plugin-react: Uses Babel for Fast Refresh.
- @vitejs/plugin-react-swc: Uses SWC for Fast Refresh.
Before getting started, make sure you have the following installed :
- Node.js and npm: Download them from nodejs.org.
- React Developer Tools: Install this extension in your browser for better development experience.
To verify your Node.js installation, run :
node --version
To get started with the projects in this repository, follow these steps :
git clone https://github.com/Kartikk-26/React-Dev-Practise-Traning.git
cd React-Dev-Practise-Traning
npm install
npm start
You can now view the application at http://localhost:3000
in your browser. Explore the code, modify it, and practice React concepts.
This repository serves as a space for my continuous React development training :
- Daily Practice : Engaging in exercises to strengthen my understanding of React concepts.
- Project Development : Building real-world applications to apply what I've learned. This repository will be frequently updated as I advance in the React class.
Contributions are welcome! If you'd like to contribute, here’s how :
- Fork the repository :
Click on the "Fork" button in the upper-right corner of the page.
- Create a new branch :
git checkout -b feature/your-feature
. - Commit your changes :
git commit -m 'Add new feature'
. - Push your branch :
git push origin feature/your-feature
. - Open a pull request for review :
In your GitHub repo, go to "Pull Requests," click "New Pull Request," choose your branch, and create the pull request.
Stay connected on LinkedIn to see more projects and improvements as I continue to learn and grow through this React training. Let's collaborate and create impactful web applications!
Stay tuned for more updates as I progress in this training.