THE BIGGEST REACT.JS COURSE ON THE INTERNET ( PART 2 )

Building dashboards is hard and takes so much time and in order to transform your complex dataset into clear insights, there is a platform that accelerates building dashboard and embedded analytics into products with minimal coding.

2:48 Embed analytics in your apps with Tractorscope ( 60 days FREE Tractorscope )👇
Discount code: HuXnWebDev

If You Want To Support My Work 👇

Follow Me On 👇

00:00 - Trailer
1:25 - Intro
4:25 - Important Questions
8:59 - What is Framer Motion
9:20 - Framer vs Framer Motion
9:32 - Framer Motion vs CSS Animations Pros & Cons
11:26 - Framer vs Framer Motion In Action
12:11 - Course Setup
14:38 - Basic Animations
16:00 - Motion Object in Depth
18:12 - Transformations in Depth
24:10 - Transitions in Depth
28:09 - Keyframes in Depth
31:37 - Keyframes Example 1
35:07 - Keyframes Example 2
38:00 - Variants In Depth
44:21 - Building Flipping Card Animation
49:49 - Gestures Animations
57:21 - Building Animated Card Animation
1:02:42 - Building Animated Gallery Animation
1:08:00 - Variants In Gestures Animations
1:11:58 - Stagger Animations In Depth
1:23:53 - useMotion Value Hook
1:29:47 - Building Custom Range Slider using useMotion Value
1:33:54 - useSpring Hook
1:35:09 - useTransform Hook In Depth
1:41:29 - Scroll Trigger vs Scroll Driven Animations
1:43:21 - whileInView Prop in Depth
1:48:40 - useScroll Hook in Depth
1:51:49 - useScroll Hook Example 1
1:55:33 - useScroll Hook Example 2
1:59:34 - Basic Transitions
2:01:32 - Building Vertical Movement Animation
2:03:37 - Spinning Icon
2:05:08 - Skewed Transitions Animation
2:07:07 - Combined Transformation
2:08:35 - Sequential Transformation
2:11:14 - Simple Fade/Out Animation
2:15:57 - Animated Form Animation
2:20:17 - Modal With Transitions
2:28:32 - Animated Accordion
2:33:24 - Animated Notification Toast
2:37:39 - Bouncing Ball Animation
2:40:36 - Pulsating Effect
2:42:43 - Color Change Square
2:44:42 - Sliding Text Animation
2:46:15 - Zigzag Animation
2:48:21 - Wave Effect Animation
2:50:47 - Background Color Changer Animation
2:53:13 - Fade Component
2:55:59 - Navigation Menu With Slide Animation
2:59:59 - Tooltip with variants
3:03:36 - Toggle Switch Animation
3:07:26 - Swipeable Card Animation
3:12:13 - Draggable Box Animation
3:14:14 - Rotate on Drag
3:17:10 - Tap To Change Color
3:20:07 - Long Press To Change Size
3:22:57 - Gesture Based Image Gallery
3:28:36 - Staggered List Animation
3:32:53 - Staggered Image Gallery
3:36:13 - Staggered Button Press
3:39:11 - Staggered Grid Layout
3:42:47 - Staggered Text Reveal
3:46:26 - Draggable Box
3:50:04 - Hover Linked Scale
3:52:19 - Spring Animated Position
3:54:42 - Dynamic Rotation
3:56:59 - Converting To useSpring
3:58:19 - Staggered Fade and Slide In Animation
4:03:01 - Card Flip Animation
4:06:51 - Complex Transition Animation
4:09:46 - Interactive Hover In View Animation
4:12:49 - Projects Setup
4:14:54 - Scroll Indicator
4:18:56 - Loader
4:22:19 - Draggable Card
4:28:35 - Carousel
4:44:02 - Advance Sidebar
4:58:41 - Scroll Carousel
5:05:17 - Sticky Navigation
5:15:42 - Progress Steps
5:27:50 - What is Zustand
5:29:37 - Zustand Setup
5:30:41 - Store In Action
5:34:28 - Accessing Data From Store
5:38:46 - Recipe Book
6:01:58 - Expense Tracker
6:18:15 - Password Generator
6:36:04 - Seafood Recipes
6:47:00 - Form Builder
7:12:57 - Todo List
7:25:57 - Advance Notes Project
7:48:01 - Advance Lists Project
8:41:55 - Advance Watch Store Project
9:58:36 - Redux Toolkit
10:31:06 - Redux Toolkit Query ( RTK Query )
11:15:47 - Outro

[huxnwebdev]

Building dashboards is hard and takes so much time and in order to transform your complex dataset into clear insights, there is a platform that accelerates building dashboard and embedded analytics into products with minimal coding.

2:48 Embed analytics in your apps with Tractorscope ( 60 days FREE Tractorscope )👇
Discount code: HuXnWebDev

If You Want To Support My Work 👇

Follow For More Updates On PART 3 👇

COMPLETE REACT.JS COURSE ( PLAYLIST ) 👇

00:00 - Trailer
1:25 - Intro
4:25 - Important Questions
8:59 - What is Framer Motion
9:20 - Framer vs Framer Motion
9:32 - Framer Motion vs CSS Animations Pros & Cons
11:26 - Framer vs Framer Motion In Action
12:11 - Course Setup
14:38 - Basic Animations
16:00 - Motion Object in Depth
18:12 - Transformations in Depth
24:10 - Transitions in Depth
28:09 - Keyframes in Depth
31:37 - Keyframes Example 1
35:07 - Keyframes Example 2
38:00 - Variants In Depth
44:21 - Building Flipping Card Animation
49:49 - Gestures Animations
57:21 - Building Animated Card Animation
1:02:42 - Building Animated Gallery Animation
1:08:00 - Variants In Gestures Animations
1:11:58 - Stagger Animations In Depth
1:23:53 - useMotion Value Hook
1:29:47 - Building Custom Range Slider using useMotion Value
1:33:54 - useSpring Hook
1:35:09 - useTransform Hook In Depth
1:41:29 - Scroll Trigger vs Scroll Driven Animations
1:43:21 - whileInView Prop in Depth
1:48:40 - useScroll Hook in Depth
1:51:49 - useScroll Hook Example 1
1:55:33 - useScroll Hook Example 2
1:59:34 - Basic Transitions
2:01:32 - Building Vertical Movement Animation
2:03:37 - Spinning Icon
2:05:08 - Skewed Transitions Animation
2:07:07 - Combined Transformation
2:08:35 - Sequential Transformation
2:11:14 - Simple Fade/Out Animation
2:15:57 - Animated Form Animation
2:20:17 - Modal With Transitions
2:28:32 - Animated Accordion
2:33:24 - Animated Notification Toast
2:37:39 - Bouncing Ball Animation
2:40:36 - Pulsating Effect
2:42:43 - Color Change Square
2:44:42 - Sliding Text Animation
2:46:15 - Zigzag Animation
2:48:21 - Wave Effect Animation
2:50:47 - Background Color Changer Animation
2:53:13 - Fade Component
2:55:59 - Navigation Menu With Slide Animation
2:59:59 - Tooltip with variants
3:03:36 - Toggle Switch Animation
3:07:26 - Swipeable Card Animation
3:12:13 - Draggable Box Animation
3:14:14 - Rotate on Drag
3:17:10 - Tap To Change Color
3:20:07 - Long Press To Change Size
3:22:57 - Gesture Based Image Gallery
3:28:36 - Staggered List Animation
3:32:53 - Staggered Image Gallery
3:36:13 - Staggered Button Press
3:39:11 - Staggered Grid Layout
3:42:47 - Staggered Text Reveal
3:46:26 - Draggable Box
3:50:04 - Hover Linked Scale
3:52:19 - Spring Animated Position
3:54:42 - Dynamic Rotation
3:56:59 - Converting To useSpring
3:58:19 - Staggered Fade and Slide In Animation
4:03:01 - Card Flip Animation
4:06:51 - Complex Transition Animation
4:09:46 - Interactive Hover In View Animation
4:12:49 - Projects Setup
4:14:54 - Scroll Indicator
4:18:56 - Loader
4:22:19 - Draggable Card
4:28:35 - Carousel
4:44:02 - Advance Sidebar
4:58:41 - Scroll Carousel
5:05:17 - Sticky Navigation
5:15:42 - Progress Steps
5:27:50 - What is Zustand
5:29:37 - Zustand Setup
5:30:41 - Store In Action
5:34:28 - Accessing Data From Store
5:38:46 - Recipe Book
6:01:58 - Expense Tracker
6:18:15 - Password Generator
6:36:04 - Seafood Recipes
6:47:00 - Form Builder
7:12:57 - Todo List
7:25:57 - Advance Notes Project
7:48:01 - Advance Lists Project
8:41:55 - Advance Watch Store Project
9:58:36 - Redux Toolkit
10:31:06 - Redux Toolkit Query ( RTK Query )
11:15:47 - Outro

[Raghunadh]

R.I.P ALL UDEMY COURSES ON WEB DEVELOPMENT

[dhokare.shailesh]

Thank You so much for putting this level of effort. If possible please create some content like some real world applications in Go.

[TheAremoh]

The laugh is good. 😂😂. Shows you're happy doing what you do. Don't stop laughing 😂😂😂😂😂.

[VivekKumar-ibcc]

brother thank you. We will support you for the eternity! Are you ready guys to support him with me ?

[oladejianthony]

waooo this is a rare gem. Thanks bro for making this available. We appreciate your hardwork

[avocode]

Huxn your teaching is on point and easy to understand, learning react where never this easy, and yeah many people will find it a tutorial hell, but I have found a unique way to master whatever you are teaching, and mark my words, it works like charm. So I got the start of topic you gonna teach in tutorial, then I got to chaptGPT and tells it to teach me this concept in layman terms. After that, I try out some basic examples, and then I asks chatGPT to give me a small task regarding that concept and I try to make it by myself, and after all this, I come back to your video and then watch it in your style and this helps me clear the concept + this saves me from tut hell of constantly relying on video + after mastering a concept I ask chatGPT to give me some industry level examples and scenarios (this helps me actually find out the real reason behind using that concept instead of just blindly following it. Hope this helps others as well, and deep thanks to you for such amazing content and efforts, waiting to see more such videos on next.JS, mongoDB, node.JS, etc etc.

my personal request: Please also teach GSAP library for React as well.

[jeflopodev]

Thanks HuXn. Your first part Really helped me to get used to components / hooks syntax with Typescript while using interfaces and so ( After watching it I started coding a blog, using drizzle, zod, shadcn, MDXRemote, with content stored on DB with custom JSX components 🔥). I will revisit the first part though. I want to consolidate the concepts taking notes and really practicing them. I will 100% watch this one too. Thanks again.

[julkarnayeensajol]

Man, you don't know what you are!
You destroy the all-paid platform.😎
love you man!🥰

[AlaEddineMezdoud]

this is not just the biggest course
this is the BEST course on the internet of react js

[bhuwanraj]

Bro this is next level thanks for sharing this level of content

[yixian]

Thank you Huxn ❤ u are the best tuto in the world🎉

[Leesdjo]

This video shakes the entire web dev community on YT. Thank you HuXn WebDev.

[eloonMusk]

Mark my words this channel will touch million of subscriber soon ❤❤❤

[ChineduPaul-mh]

At last Bro...The wait ends😂

Thanks HuXn
Much love ❤ from NIGERIA 🇳🇬

[ssssankalpracchewar]

awsome videos bro loved it
just finish series man waiting for all
it will get millions of views in a couple of months
dont get dishatened

[aminulislamshykat]

You are absolutely Tutorial Hero. Your teaching step and process is mind blowing.

[NOVAGAMING_]

Thnx Huxn ❤, I was waiting for this video since you announced it and I can definitely say this is the best course out there! 😉❤
and yes we love your laugh in videos 😂🫶 keep laughing

[MakhosiNcube-hbdg]

Well done bro, you're a real web monster.Thank you so much for helping us upgrade our career.

[faisalmohammed]

You got me real hooked into web and mobile dev, love ❤️ from Ghana 🇬🇭