React Day 2: Understanding Hooks & State Management
Day 2 of React series. Learn the rules of Hooks, manage state with useState, and handle list rendering with map().
Hooks
Mastering Motion Values, Spring & useTransform in Framer Motion
Learn to use useMotionValue, useSpring, and useTransform to create high-performance interactive animations without re-renders.
React Day 7: useRef, Refs & Portals
Day 7 of React series. Master direct DOM manipulation with Refs and rendering outside the main tree with Portals.
React Day 9: Mastering useEffect Hook
Day 9 of React series. Master the useEffect hook for handling side effects, lifecycle events, and data fetching.
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.
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.
React Day 16: Form Validation with React Hook Form
Day 16 of React series. detailed guide to managing form state and validation efficiently using React Hook Form.