It serves as both a learning portfolio and a reference collection for beginners who want to understand every major concept of React through practical code examples. Each folder demonstrates an independent topic or concept with clean, readable code and commit history reflecting continuous learning and experimentation.
- React.js - Core library for building user interfaces
- JavaScript (ES6+) - Logic and data handling
- HTML5 & CSS3 - Component structure and styling
- JSON Server (for API Practice) - Simulated backend for CRUD operations
This repo covers everything from fundamentals to advanced React topics, including:
- Components, Props, and State
- Conditional Rendering
- Lists and Keys
- JSX & Dynamic Rendering
- Lifting State Up
- Derived State
- Pure Components
- Fragments
- Controlled & Uncontrolled Components
- Context API
- useState
- useEffect
- useRef
- useReducer
- useTransition
- useActionState
- useFormStatus
- Custom Hooks
- React Router (Dynamic Routing)
- CRUD Operations using Fetch API
- GET, POST, PUT, DELETE
- Integration with JSON Server
- Lazy Loading
- Managing Derived State
- Code Reusability via Custom Hooks
Follow these steps to explore and run the projects:
-
- Clone the repository git clone https://github.com/xsparsh1/React.git
-
- Navigate to the repo cd React
-
- Install dependencies npm install
-
- Start the development server npm start
- Beginners learning React from scratch
- Developers who want modular examples for each concept
- Students preparing React assignments or projects
- Anyone who wants hands-on understanding of React Hooks, API integration, and component structure
- Real commit history showing consistent learning
- Clean, modular, and reusable code snippets
- Covers both functional and hook-based approaches
- JSON Server integration for API simulations
- Excellent for revision, reference, and practice
If you’d like to improve examples, add new topics, or fix issues:
- Fork this repository
- Create your feature branch
- Commit your changes
- Open a Pull Request