Day 52 of #100DaysOfCode #React

Day 51 of #100DaysOfCode Continued learning React Router today. Practiced programmatic navigation using navigate() to redirect users based on actions and events, making the app flow feel smoother and more dynamic. #React

Day 49 & 50 of #100DaysOfCode I kept building on my React Router learning journey! - Practiced programmatic navigation using useNavigate for dynamic routing. - Learned to store state in the URL for shareable, persistent data. - Explored query strings, reading & updating them

Day 48 of #100DaysOfCode Still deep in practice with React Router today. I kept refining my understanding by applying routing concepts in a hands-on project #React #ReactRouter

Day 47 of #100DaysOfCode Continued learning React Router today! - Explored nested routes to structure multi-level navigation. - Learned about the index route for default child rendering. - Worked with dynamic routes using URL parameters display data based on the path. #React

Day 46 0f #100Daysofcode Dived deeper into React Router & styling today - Added multiple pages, Homepage, Product, Pricing & a Not Found page. - Used NavLink for navigation. - Learned CSS Modules for scoped styling . - Learned how to add global styles using :global() selector.

Day 45 of #100DaysOfCode Today, I began learning about one of the most powerful React libraries, React Router. 🚀 I explored how routing helps in building Single Page Applications (SPAs) by managing navigation without reloading the page. #React

Day 43 & 44 of #100DaysOfCode Practiced useReducer by building a mini Bank Account App - Managed actions: open, deposit, withdraw, loan, repay - Ensured clean state transitions - Strengthened my grasp of reducer logic + payloads Loving how structured state feels with reducers!

Day 42 of #100DaysOfCode I implemented a countdown timer in my React Quiz App - Utilized useEffect with setInterval to handle real-time updates - Dispatched a tick action every second using the reducer pattern -Learned the importance of proper cleanup to prevent memory leaks

Day 41 of #100DaysOfCode I learned how to manage quiz flow in React using useReducer! - Added a finish action - Tracked progress and scores Displayed results with performance emojis 🏆 #React

Day 40 of #100DaysOfCode Continuing with React’s useReducer, - Managed user answers and calculated scores through dispatch actions. - Provided instant feedback for correct and wrong selections - Provided instant feedback for correct and wrong selections. #React

Day 39 of #100DaysOfCode Still learning state management with useReducer in my Quiz App -Connected the StartScreen and Question components - Used dispatch to start the quiz - Fetched questions with useEffect from a local API Getting the hang of React’s data flow! #React

Day 37 & 38 of #100DaysOfCode I learned how to manage complex state with useReducer while working on a Quiz App - Used dispatch to trigger state updates - Controlled multiple app phases , loading, ready, active, and finished using conditional rendering #react

Day 36 of #100DaysOfCode I started learning about the useReducer Hook in React! - i Passed a reducer function & initial state to manage complex state logic - Worked with state & action inside the function - Learned how dispatch triggers state updates based on specific actions

Day 35 of #100DaysOfCode #React

Day 33 & 34 of #100DaysOfCode over the past two days, I deepened my understanding of Custom Hooks in React - Built custom hooks: useLocalStorageState, useKey, & useGeolocate - Learned to persist state & handle keyboard/location logic Improving reusability & cleaner code everyday

Day 32 of #100DaysOfCode Today, I continued building on my React Hooks knowledge. I explored how: - Refs allow direct interaction with DOM elements without triggering re-renders - Learned to persist state efficiently across components - Explored Custom Hooks for reusable logic

Day 31 of #100DaysOfCode I dug deeper into React Hooks today. I learned: - The core rules of Hooks & why they ensure predictable behavior - How to initialize state efficiently using callbacks in useState() - Why understanding these patterns help improve performance & re-renders

Day 30 of #100DaysOfCode I built a Currency Converter App - Used useEffect to fetch live exchange rates from d Frankfurter API - Implemented real-time conversions btw currencies like USD, EUR, CAD, and INR. - Managed state updates & loading states for a seamless user experience.

Day 28 & 29 of #100DaysOfCode i used useEffect to fetch full movie data when a movie is selected -Added a Star Rating system for user ratings -implemented an Add to Watched feature that updates the summary instantly -Improved loading & error states with conditional rendering