A personal learning repository for exploring React and its ecosystem, built with Vite for fast development and optimal performance.
This repository documents my journey learning React's core concepts and advanced features through hands-on examples and mini-projects. Each section focuses on specific React concepts with practical implementations.
- Components & JSX
- Props & State
- Event Handling
- Conditional Rendering
- Lists & Keys
- Forms & Controlled Components
- useState
- useEffect
- useContext
- useReducer
- useMemo & useCallback
- Custom Hooks
- React Router
- Context API
- Error Boundaries
- Higher-Order Components
- Render Props
- Performance Optimization
- State Management (Zustand/Redux)
- Testing (Jest + React Testing Library)
- API Integration
- Component Libraries
- React - UI library
- Vite - Build tool and dev server
- JavaScript/TypeScript - Programming language
- CSS/SCSS - Styling
- Clone the repository:
git clone https://github.com/your-username/learning-react.git
cd learning-react- Install dependencies:
npm install- Start the development server:
npm run devnpm run dev- Start development servernpm run build- Build for productionnpm run preview- Preview production buildnpm run lint- Run ESLint
learning-react/
├── public/ # Static assets
├── src/
│ ├── components/ # Reusable components
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Page components
│ ├── utils/ # Utility functions
│ ├── styles/ # Global styles
│ └── main.jsx # Application entry point
├── examples/ # Code examples by topic
└── docs/ # Learning notes and documentation
This is a personal learning repository where I:
- Experiment with React features
- Build small projects to understand concepts
- Document my learning progress
- Practice best practices and patterns
While this is primarily a personal learning repository, suggestions and feedback are welcome! Feel free to open issues or submit pull requests for improvements.
This project is open source and available under the MIT License.
Happy learning! 🚀