#60daysofreactjs search results

🎯Day 51-60 of #60DaysofReactjs It’s being quiet a journey but everything has an end. For a the last 10 days I was building a countries search app that provides data about countries. I made the project to be a PWA so that I can add it to my Home Screen like a real app. #reactjs

🎯Day 45- 50 of #60DaysofReactjs I have finally finished this challenge from at @frontendmentor . The reason why like this project is that I got to try out typescript and also react-hook-form with zod for form validation #reactjs #zod

🎯Day 42-44 of #60DaysOfReactjs I have finally learnt redux-toolkit😌and move on to typescript. I learn about why we need typescript, the various syntax for typescript,generic types, union and intersection of types, types and interfaces and many more typescript concepts 😊.

🎯Day 41 of #60DaysOfReactjs🚀 I have finally left react-redux and entered into redux-toolkit which has a very better syntax,easy to understand and less boilerplate code needed. So i looked at createSlice,configureStore and some other redux-toolkit methods

🎯Day 35-40 of #60DaysofReactjs i have finally finished the product-preview page in was working on with react, redux and sass.The the most interesting of this project was handling product quantity number and the lightbox effect. #react #redux #SASS

🎯Day30-35 of #60DaysofReactjs i started a frontend mentor challenge of a product preview page. i have implemented the add to cart functionalities and and i an currently working on the lightbox effect. project preview coming up soon🙂.

🎯Day 29 of #60DaysofReactjs While still on redux, I learnt about redux-thunk library that helps in performing asynchronous activities in your redux store. #reactjs #webDevelopment

🎯Day 28 of #60DaysofReactjs Today I learnt about the redux-persist library that allows you to persist your redux store to local storage

🎯Day 24-27 of #60DaysofReactjs I learnt how redux causes render of components each time useSelector is called which effects performance,I also looked at the library reselect which is used to solve the above problem using memoization

🎯Day 23 of #60DaysofReactjs I learnt about reducers,action,dispatch and useSelector hook that are in react-redux and and use them to replace my react context logic on user profile #reactjs #WebDev

🎯Day 22 of #60DaysofReactjs Today I was able to learn the difference between redux and context based on their accessibility and data flow. #reactjs #FrontendDevelopment

🎯Day 21 of #60DaysofReactjs I just entered into the redux section of my course. Omo I never fully understand react context api finish😩 now I am seeing that there is another complex method of state management 🥲

🎯Day 20 of #60DaysofReactjs Today I learnt about one of the issues of styling components in React and how styles clashes and to solve it by using scoped styling. I used a react library called styled components solve this problem

🎯Day 19 of #60DaysofReactjs I returned back to my course to continue my e-commerce project and today I learnt how to add and get data from firestore and display the data in this case products on the shop page. #reatjs #WebDevelopment

🎯Day 18 of #60DaysOfReactjs 🚀 I just completed the Frontend logic of my todo app. All that’s left is the add the bankend logic to save to todos to a database using firebase #reactjs #FrontEnd #WebDevelopment

🎯Day 17 of #60DaysofReactjs After a lot long thought process I finally figured out the best practice for filtering the todos in my app based on their categories, that is either ‘active’ or ‘completed’

🎯Day 16 of #60Daysofreactjs🚀 Today I was able to implement the add to todo list functionality in my todo app using react context for state management #reactjs #webDevelopment

🎯Day 15 of #60Daysofreactjs🚀 After finishing yesterday’s challenge I decided I needed something for challenging, So I decided to redo my todo app in react which i did before with just Html,css,js and mongodb. #reactjs #scss #frontend

🎯Day 4 of #60DaysofReactJS 🚀 Today I went deep into the understanding of react and reactDom and how react works as base libraries with raw JavaScript and html

🎯Day 3 of #60DaysofReactJS I converted yesterday class components into functional components and learnt how to use hooks and useState method #reactjs #javaScript #webDevelopment

Day 4 of #60DaysofReactJS🎯 Explored Conditional Rendering ('&&', Ternaries, Multiple Returns), Extracting JSX into new components, and Destructuring Props. Key takeaway: Keep code clean by extracting large JSX into separate components and passing props. Loving the journey!🚀

🎯 Day 17 of #60DaysOfReactJS Worked on my travel list app and tackled "lifting state up" today. It was tricky at first, but I’m getting it! Lifting state up means moving shared state to the closest common parent component. Excited for more learning! 🚀 #JavaScript #WebDev

Day 8 of #60DaysOfReactJS 🎯 Explored state today and finished a step component with just a few lines of code! ReactJS makes everything so much easier compared to vanilla JS and DOM manipulation. Excited for more! 🚀 #ReactJS #JavaScript #WebDev #Coding #StateManagement

🎯 Day 23 of #60DaysOfReactJS🚀 Almost done converting my vanilla JS to-do list app to React! Worked on adding tasks and manipulated the edit button with contentEditable (much easier than JS). Tomorrow, I’ll tackle the delete and check buttons 💪 #JavaScript #WebDevelopment

🎯Day 2 of #60DaysofReactJS🚀 I starting working with class components and understood when class components render and re-render and also states,props and life-cycle methods in class components

Day 9 of #60DaysOfReactJS Today I explored how React handles state and re-renders. Even though components re-render, state is preserved unless the component is removed. React efficiently "reacts" to state changes by updating the UI. Excited to learn more!🚀 #JavaScript #WebDev

Day 13 of #60DaysOfReactJS Today I worked on my Travel List project and learnt about handling form inputs with controlled elements in React. Instead of the DOM managing input state, React takes control—making form management much easier. #JavaScript #WebDev #CodingJourney

🎯Day 1 of #60DaysofReactJS I learnt about the history of react and how react brought about a new concept of building websites and also react applications installation and file structure concepts

🎯Day 3 of #60DaysofReactJS I converted yesterday class components into functional components and learnt how to use hooks and useState method #reactjs #javaScript #webDevelopment

🎯Day 28 of #60DaysofReactjs Today I learnt about the redux-persist library that allows you to persist your redux store to local storage

🎯Day 4 of #60DaysofReactJS 🚀 Today I went deep into the understanding of react and reactDom and how react works as base libraries with raw JavaScript and html

🎯Day 22 of #60DaysofReactjs Today I was able to learn the difference between redux and context based on their accessibility and data flow. #reactjs #FrontendDevelopment

🎯Day 16 of #60Daysofreactjs🚀 Today I was able to implement the add to todo list functionality in my todo app using react context for state management #reactjs #webDevelopment

🎯Day 17 of #60DaysofReactjs After a lot long thought process I finally figured out the best practice for filtering the todos in my app based on their categories, that is either ‘active’ or ‘completed’

🎯Day 20 of #60DaysofReactjs Today I learnt about one of the issues of styling components in React and how styles clashes and to solve it by using scoped styling. I used a react library called styled components solve this problem

🎯Day30-35 of #60DaysofReactjs i started a frontend mentor challenge of a product preview page. i have implemented the add to cart functionalities and and i an currently working on the lightbox effect. project preview coming up soon🙂.

🎯Day 41 of #60DaysOfReactjs🚀 I have finally left react-redux and entered into redux-toolkit which has a very better syntax,easy to understand and less boilerplate code needed. So i looked at createSlice,configureStore and some other redux-toolkit methods

🎯Day 23 of #60DaysofReactjs I learnt about reducers,action,dispatch and useSelector hook that are in react-redux and and use them to replace my react context logic on user profile #reactjs #WebDev

🎯Day 42-44 of #60DaysOfReactjs I have finally learnt redux-toolkit😌and move on to typescript. I learn about why we need typescript, the various syntax for typescript,generic types, union and intersection of types, types and interfaces and many more typescript concepts 😊.

🎯Day 15 of #60Daysofreactjs🚀 After finishing yesterday’s challenge I decided I needed something for challenging, So I decided to redo my todo app in react which i did before with just Html,css,js and mongodb. #reactjs #scss #frontend