3 Jan 2025
🎯Day 13 of #60daysofReact🚀
Today I was able to implement the add to cart functionality of the products in my shop page and also added a checkout route to the project
#reactjs #FrontendDevelopment
4
47
17 Dec 2024
🎯Day 11 of #60DaysofReact 🚀
I use react context to know when a use is sign in my application to be able to share the user data to various components in my project instead of props drilling
#reactjs #WebDevelopment
1
2
69
9 Dec 2024
🎯Day 9 of #60DaysofReact🚀
I was finally able to finish my sign in page which included sign in with google and native email and password using firebase
#learningreact #reactjs #frontendDevelopment
2
39
4 Dec 2024
🎯 Day 57 of #60DaysOfReact🚀
Learnt how `useState` can initialize state with a callback function—perfect for retrieving stored data from localStorage.
Also used `useEffect` to set items in localStorage.
Small steps, big progress! 🌟
#React #WebDev #JavaScript
1
6
43
2 Dec 2024
🎯 Day 56 #60DaysOfReact 🚀
I broke some React hook rules today—just to see what happens! 😅
React wasn’t amused, but I sure learnt a lot. 🚀
Sometimes breaking the rules is the best way to understand them!
#React #WebDev #JavaScript
1
5
38
30 Nov 2024
🎯Day 55 #60DaysOfReact🚀
Started a new section: "Custom Hooks, Refs, and More State".
Explored React hooks and their rules.
Key takeaway: Hooks must always be called at the top level to maintain the order.
#React #WebDev #JavaScript
1
8
42
29 Nov 2024
🎯 Day 54 of #60DaysOfReact 🚀
Wrapped up "Effects & Data Fetching" section!
✨Added a keypress event to the usePopcorn app
✨ Explored AbortController to cancel fetch requests in unmounted effects.
Next up: a code challenge! 🚀💻
#React #WebDev
1
9
63
19 Nov 2024
🎯 Day 51 of #60DaysOfReact 🚀
Focused on the usePopcorn app today.
Added functionality to sync queries with movie data and select a movie.
Excited about the progress! 🍿
#React #WebDevelopment #JavScript
1
1
6
66
17 Nov 2024
🎯 Day 50 of #60DaysOfReact 🚀
Explored the "useEffect dependency array" today! Learnt how it controls when effects run and synchronizes with state/props.
Loving the process! 💻✨
#ReactJS #JavaScript #LearningJourney
1
6
41
16 Nov 2024
🎯Day 49 of #60DaysOfReact 🚀
Back to posting! Explored async functions in React, added a loading state & error handler, and made progress on my Fitness Web App 🏋️♀️.
Stay tuned for updates tomorrow!
#React #CodingJourney #JavaScript
1
1
4
63
2 Nov 2024
🎯Day 47 🚀
Explored "Rules for Render Logic: Pure Components" today!
Learnt about render logic vs. event handlers, pure vs. impure functions, and the role of side effects. Feeling more confident in the fundamentals!
#React #JavaScript #100DaysOfCode #60DaysOfReact
1
6
73
1 Nov 2024
🎯 Day 46 of #60DaysOfReact 🚀
Today, I learnt how essential the key prop is! Before, I thought it was just to avoid console errors😅, but it’s actually crucial for React’s diffing process. 🤯
#React #JavaScript #Frontend #WebDev
1
1
4
76
29 Oct 2024
🎯Day 45 of #60DaysOfReact 🚀
Today, I dove into "How rendering works: The Rendering phase", exploring the virtual DOM, reconciliation, fiber tree, and updated DOM list—all crucial for React's smooth UI updates! ⚡
#JavaScript #ReactJS #WebDev #CodeChallenge
5
41
24 Oct 2024
🎯 Day 41 of #60DaysOfReact 🚀
Today, I explored "Props as a Component API" and "Improving Reusability with Props."
Thinking of components as public APIs helps in understanding their creation and consumption.
Excited to apply this in my projects!
#React #WebDevelopment
1
5
54
23 Oct 2024
🎯Day 40 of #60DaysOfReact🚀
Worked on handling hover events for my star rating component to make interactions feel more real-world. Excited to see how smoother UX improves the overall experience! ⭐
#React #JavaScript #WebDev #Frontend #100DaysOfCode
1
1
8
81
22 Oct 2024
🎯Day 39 of #60DaysOfReact 🚀
Worked on implementing the star rating logic ⭐ today! Learnt a lot about state management and conditional rendering.
Excited to see how it turns out! 🌟
#React #100DaysOfCode #WebDev
3
54
21 Oct 2024
🎯Day 38 of #60DaysOfReact 🚀
Explored prop drilling and how component composition (with the powerful children prop) can fix it. Applied these to make my components more reusable! 💻
#React #WebDev #JavaScript #100DaysOfCode
1
8
107
20 Oct 2024
🚀Day 37 of #60DaysOfReact🎯
Explored Component Categories, Prop Drilling, and Component Composition today.
These topics are sharpening my skills on structuring reusable, flexible components in React! 🙌
#React #100DaysOfCode #WebDevelopment #JavaScript #Frontend
1
9
62
19 Oct 2024
Day 36 of #60DaysOfReact 🚀
Today, I split a large component into smaller, reusable ones.
It made the code cleaner and easier to maintain.
Excited to keep leveling up my React skills! 💻
#React #JavaScript #WebDev #100DaysOfCode
1
7
124
17 Oct 2024
🎯 Day 35 of #60DaysOfReact 🚀
Learnt how to split a UI into components for better reusability and clarity.
Starting big and breaking down as needed keeps things clean and manageable!
#React #WebDevelopment #JavaScript
1
5
48