Welcome to my React.js learning repository! This project documents my journey mastering React, from the basics of Components and JSX to advanced state management with Redux Toolkit.
Each file is a self-contained lesson containing detailed code notes, explanations, and practical examples based on the tutorials by Piyush Garg.
The notes are organized sequentially by lesson:
| File | Topic | Description |
|---|---|---|
L1(REACT-Components).JS |
Components | Introduction to functional components and file structure. |
L2(REACT-JSX).js |
JSX | Understanding JavaScript XML syntax and rules. |
L3(REACT-TO_DO_application).js |
Mini Project | A simple To-Do application to practice basics. |
L4(REACT-PROPS).JS |
Props | Passing data between parent and child components. |
L5(REACT-Hooks).js |
Hooks Intro | Introduction to React Hooks. |
L6(REACT-USE_Effect).js |
useEffect | Handling side effects and component lifecycle. |
L7(REACT-API_Fetch).JS |
API Calls | Fetching data from external APIs using fetch. |
L8(REACT-USE_Context).js |
Context API | Managing global state without prop drilling. |
L9(REACT-Router).js |
React Router | Client-side routing and navigation (SPA). |
L10(REACT-Redux).js |
Redux Toolkit | State management using Slices, Store, and Reducers. |
L11(REACT-API_Integration).js |
Async Redux | Handling async API calls with Redux Thunks. |
- Core: React.js, JavaScript (ES6+)
- State Management: Redux Toolkit, React Context API
- Routing: React Router DOM
- Styling: CSS / Inline Styles
Explore the files:
Open any .js file to read the commented explanations and code examples. These are designed to be read as documentation.
Yugank Rai Computer Science Engineering Student @ IIIT Bhagalpur