#60daysofreact search results

🎯Day 14 of #60DaysofReact 🚀 Finally able to wrap up the Frontend mentor challenge of the pricing card. I ran into a few issues😢 in regards to for state management since am new to react but I was able to pull through😊 #reactjs #scss #FrontEnd

🎯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

🎯Day 12 of #60DaysofReact🚀 Today I build the shopping component of my e-commerce web app and used react contexts to mange the state of products #reactjs #WebDevelopment

🎯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

🎯Day 10 of #60daysofReact I just entered a new section in my course which which is about react context for state management. I have learnt why we need context and how to create and use a context in react #reactjs #WebDevelopment

🎯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

🎯Day 58 #60DaysOfReact🚀 Explored useRef! ✨ Makes DOM selection more declarative. Stores data persistently across renders. Perfect for managing non-visual data. Also learnt key differences between state & refs. 🚀 #React #WebDev #ReactHooks #JavaScript

🎯Day 8 of #60DaysofReact🚀 I learnt how to save user to firestore after authentication through google popup and redirect in my project #react #WebDevelopment

🎯 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

🎯Day 7 of #60DaysofReact🚀 Today I learnt about firebase and it various services such as authentication and firestore. I am also able to implement goggle pop up sign-in authentication into my project. #react #javascript #WebDevelopment

🎯Day 6 of #60DaysofReact I Learnt the basics of react router and implemented it in site I was building #Reactjs #javascript #reactrouter

🎯 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

🎯Day 5 of #60DaysofReact I just started a new section in my course and we are building a e-commerce site with routing,firebase and stripe pay. I also started using sass for the project #reactjs #FrontEnd #javaScript

🎯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

🎯 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

🎯 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

🎯 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

🎯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

🎯 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

🎯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

🚀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

🎯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

🎯 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

🎯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

🎯 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

🎯 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

🎯 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

🎯 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

🎯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

🎯 Day 33 of #60DaysOfReact 🚀 Got images to display in Eat-n-Split. Added a feature to open the split bill form when a friend is selected. Managed active state with IDs for a smooth experience. #ReactJS #JavaScript #100DaysOfCode

🎯 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

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

🎯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

🎯 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

🎯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

🎯 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

🎯Day 58 #60DaysOfReact🚀 Explored useRef! ✨ Makes DOM selection more declarative. Stores data persistently across renders. Perfect for managing non-visual data. Also learnt key differences between state & refs. 🚀 #React #WebDev #ReactHooks #JavaScript

🎯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

🎯Day 34 of #60DaysOfReact🚀 Wrapped up the Eat-n-Split app! 🎉 Had a power outage yesterday but back on track today. Learnt a ton on managing state, toggling forms, and active selections in React. Excited for the next challenge! 🚀 #ReactJS #JavaScript #100DaysOfCode

🎯Day 6 of #60DaysofReact I Learnt the basics of react router and implemented it in site I was building #Reactjs #javascript #reactrouter