React Day 9: Mastering useEffect Hook
Day 9 of React series. Master the useEffect hook for handling side effects, lifecycle events, and data fetching.
React
Using useInView Hook for Viewport Detection
Go beyond basic enter animations. Use the useInView hook to run custom logic and side effects when elements become visible.
React Day 10: Performance Optimization (memo, useMemo, useCallback)
Day 10 of React series. Deep dive into performance optimization techniques using memo, useMemo, and useCallback.
Project 4: Playing Sound on Viewport Entry
Create a unique user experience by integrating audio playback with viewport detection using Framer Motion.
React Day 11: Data Fetching, Forms & Custom Hooks
Day 11 of React series. Master server requests with fetch, handle form inputs (useState, useRef, FormData), and create custom hooks.
Scroll Driven Animations with useScroll & useTransform
Create immersive scroll-driven experiences by transforming motion values based on scroll position.
React Day 12: State Management with Zustand
Day 12 of React series. Learn how to use Zustand for efficient, scalable, and boilerplate-free state management in React.
Framer Motion Hooks Cheat Sheet
The ultimate cheat sheet for Framer Motion hooks. Quickly find the right hook for your animation needs.
Project 5: Building a Scroll Progress Bar
Enhance user experience with a smooth, physics-based scroll progress bar for your articles.
React Day 14: React Router Dom Guide
Day 14 of React series. Implement client-side routing with React Router Dom, covering layouts, dynamic paths, and navigation hooks.