Started building a Full-Stack todo app Using React for the frontend, Node.js for backend, and MongoDB for the database.Backend setup completed with todo schema and CRUD operations for todos.Routes tested with Postman. Next up, building the frontend with React
Today I delved deep into Context API. It solves the problem of prop drilling However, it doesn't fix re-rendering. This is where state management libraries like Redux/Recoil come in, helping manage state in a centralized manner to reduce re-renders.
Today I delved into React Router DOM I learned to use components like BrowserRouter, Routes, and Route to define routes and render different components based on the URL. Also, noticed the seamless route changes without page refresh, improving user experience!
Today I Explored routing, prop drilling, and context API. Planning to dive deeper into these concepts.Also implemented lazy loading with React.lazy() for Dashboard and Landing components in my routing setup. Excited for more learning ahead #React#learnInPublic
Today I Created a ToDo list app with React! with localStorage integration.Features include adding todos,persisting them using localStorage, and deleting todos.
Next: implement mark as done, edit and clear all todos, and database Integration.
Today I Dived deep into useCallback for function memoization and explored memo, which lets you skip re-rendering a component when its props are unchanged. Also took time to review all previously learned hooks, strengthening my foundation.
Day-5 of #reactjs Today, I explored useMemo for performance optimization, avoiding redundant computations and renders. My project now dynamically calculates the sum of input numbers, recalculating only when the input changes. The counter remains independent of this operation.
Today, I learnt about useEffect hook I implemented a feature in my project where clicking on a button updates the ID, triggering the useEffect to fetch the corresponding todo. The useEffect dependency on the ID ensures seamless updates whenever the ID changes
Today I learned that setCounter in useState can use a callback for state updates which update state based on previous state value,useful for sequential update also I explored dynamic styling with useState, updating background color instantly based on user click
Today, I learned about props and components I deepened my understanding of props and components, key building blocks in React. I also created a basic Netflix-like suggestions page with reusable components and props. Excited to see it evolve!
Just started learning React and already diving into hooks!π Explored the useState hook! Built a fun counter project where the count goes up every time you hit 'Add Value' button and it goes down when you hit 'Remove Value' button #reactjs