This repository documents my journey of learning React.js (Chai aur React series). Each folder represents a specific concept I have mastered.
| Project | Folder Name | What I Learned |
|---|---|---|
| Basic React | 01basic-react |
Creating standard React components. |
| Vite React | 01vitereact |
Setting up React with Vite bundler. |
| Counter App | 03counter |
Understanding useState hook and UI updates. |
| Background Changer | 04bgChanger |
Event handling and State management. |
| Password Generator | 05passwordGenerator |
useEffect, useCallback, useRef, and clipboard interactions. |
| Currency Converter | 06currencyConvertor |
Creating Custom Hooks (useCurrencyInfo), fetching API data, useId for accessibility, and building reusable Input components. |
| React Router | 07routerproject |
Client-side routing (react-router-dom), Data Loading (useLoaderData), Nested Routes (Outlet), and API optimization. |
| Mini Context | 08miniContext |
createContext, useContext, Creating a global Provider, and solving the "Prop Drilling" problem. |
| Theme Switcher | 09themeChanger |
Advanced Context API usage, managing Dark/Light mode state, and configuring Tailwind CSS (darkMode: "class") for dynamic theming. |
| Todo Local | 10todoContextLocal |
Full CRUD functionality, Local Storage persistence (JSON.parse/stringify), useEffect optimization, and handling React Strict Mode race conditions. |
| Redux Todo | 11todoReduxToolkit |
State management using Redux Toolkit (Store configureStore, Slices createSlice), data persistence via Local Storage, and handling state updates with useDispatch & useSelector hooks. |
| MegaBlog Appwrite | 12megablogAppwrite |
A production-grade Full Stack Blog application powered by Appwrite (Auth, Database, Storage). Features global state management with Redux Toolkit, complex form handling via React Hook Form, rich text editing with TinyMCE, and a responsive UI using Tailwind CSS. |
| Custom React | Custom-react |
Understanding how React works under the hood. |
- Core: React.js (Vite), JavaScript (ES6+)
- State Management: Redux Toolkit, Context API
- Backend as a Service: Appwrite Cloud
- Styling: Tailwind CSS
- Tools: Git, GitHub