frontend-developer……. I love coding 👩💻💕
Joined March 2023
- Tweets 188
- Following 56
- Followers 36
- Likes 214
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 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
Day 27 of #100DaysOfCode
I worked on making my movie search feature dynamic
Using useEffect, I fetched data from the OMDB API every time d search query changed.
As users type, React updates d query state, and useEffect runs automatically, fetching new movie results in real time!
Day 26 of #100DaysOfCode
Today I learned how to handle errors inside useEffect when working with async/await functions in React.
I practiced using try…catch…finally for fetching movie data from an API, managed loading and error states, and displayed proper messages in the UI.
Day 25 of #100DaysOfCode
I learned how React handles side effects.
useEffect runs after render, perfect for syncing with APIs or performing side effects.
Event handlers also run after render triggered by user actions.
Learned how this fits into the component lifecycle
#React
Day 22 of #100DaysOfCode
Today I learned the difference between:
- React Components
- Component Instances
- React Elements
Understanding how they work together deepened my grasp of React’s rendering process , it’s more than just “components on the screen”!
#React