Introduction to Framer Motion: Complete Guide
Master the basics of Framer Motion: installation, motion components, and creating your first animations and transitions.
React
React CRUD Operations with Axios: A Complete Guide
Master CRUD operations in React with Axios. Learn how to structure API requests, handle errors, and manage loading states effectively.
React Day 1: Basics, Components & Folder Structure
Day 1 of React series. Set up your first React app, explore the folder structure, and build your first custom components.
Project 1: Scaling Animations & Keyframes in Framer Motion
Project-based learning: Create a responsive card with sequential scaling animations using Framer Motion keyframes.
Mastering Axios Interceptors in React: Requests & Responses
A comprehensive guide to Axios interceptors. Automate token attachment, handle 401 errors, and manage global request/response logic in React.
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().
Mastering Motion Values, Spring & useTransform in Framer Motion
Learn to use useMotionValue, useSpring, and useTransform to create high-performance interactive animations without re-renders.
TanStack Query (React Query): The Ultimate Guide
Master TanStack Query for efficient server state management. Covers useQuery, useMutation, caching, pagination, and infinite scrolling.
React Day 3: Fragments, Props & Component Isolation
Day 3 of React series. Master Fragments, learn to pass JSX as props, handle form inputs, and implement immutable state updates.
Project 2: Draggable Box with Dynamic Motion Values
Create a draggable element that adapts its properties (color, scale) based on its screen position using motion values.