ADVANCE REACT: THE BIGGEST REACT.JS COURSE ON THE INTERNET ( PART 3 )

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.

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

Follow Me On 👇

Here’s what we’ll cover:
React Design Patterns: Learn the best practices and design patterns that can improve your code quality and make your components more scalable and maintainable.

Tanstack Query: Master Tanstack Query to manage server-state efficiently and reduce boilerplate code.

Unit Testing in JavaScript: Understand the importance of writing unit tests for your components and how to ensure your code works as expected using modern testing tools.

React Testing: Learn how to implement tests in React, including how to work with React Testing Library and vitest to test components, hooks, more.

00:00 - Trailer
2:11 - Course Content
5:25 - Sponsor
7:01 - What is Design Pattern
7:40 - Why Design Pattern
8:03 - Design Patterns Setup
9:27 - Layout Component Design Pattern Theory
10:34 - Split Screen Design Pattern
17:03 - Challenges Setup
19:28 - Split Screen Design Pattern Challenge
31:36 - List Of Data Design Pattern
42:06 - List Of Data Design Pattern Challenge
53:06 - Modal Design Pattern
57:34 - Container Component Design Pattern Theory
59:22 - Container Component Design Pattern In Action
1:09:19 - Refactoring Part 1
1:12:02 - Refactoring Part 2
1:21:50 - Refactoring Part 3
1:26:14 - Container Component Design Pattern Challenge
1:39:06 - Controlled vs Uncontrolled Design Pattern Theory
1:39:50 - Controlled vs Uncontrolled Design Pattern In Action
1:48:10 - Controlled vs Uncontrolled Design Pattern Challenge
2:01:40 - Higher Order Components Design Pattern Theory
2:03:46 - Higher Order Components Design Pattern In Action
2:14:47 - Higher Order Components Design Pattern Challenge
2:47:19 - Custom Hooks Theory
2:28:34 - useFetch Custom Hook
2:36:05 - Small Refactor
2:37:40 - useForm Custom Hook
2:47:24 - useLocalStorage Custom Hook
2:58:36 - useModal Custom Hook
3:03:40 - Custom Hook Challenge
3:26:17 - Factory Design Pattern Theory
3:27:23 - Factory Design Pattern Example 1
3:32:46 - Factory Design Pattern Example 2
3:39:45 - Factory Design Pattern Challenge
3:51:54 - Compound Component Design Pattern Theory
3:54:27 - Compound Component Design Pattern In Action
4:02:28 - Compound Component Design Pattern Challenge
4:11:04 - Slots Design Pattern Complete Guide
4:27:54 - Render Props Design Pattern
4:34:25 - Render Props Challenge
4:43:13 - What is Tanstack Query
4:43:58 - Tanstack Query Setup
4:46:24 - Life without Tanstack Query
4:53:35 - The Heart Of Tanstack Query
4:55:19 - useQuery From Tanstack Query Theory
4:56:57 - useQuery In Action
5:04:40 - Deduplication Theory
5:06:38 - Deduplication In Action
5:08:32 - Tanstack Query Devtools
5:09:51 - Stale vs Fresh Theory
5:11:13 - Stale vs Fresh In Action
5:15:03 - RefetchInterval Theory
5:15:30 - RefetchInterval In Action
5:20:27 - useQueries Theory
5:21:55 - useQueries In Action
5:34:42 - useMutation Theory
5:35:53 - useMutation In Action
5:46:34 - Paginations In Tanstack Query
5:54:21 - What is Testing
5:54:39 - Types Of Automated Testing
5:57:05 - Testing Frameworks
5:57:52 - Let's make a Testing Setup
6:00:09 - Testing Basic Code
6:04:46 - Basic Testing Syntax Theory
6:08:18 - Testing Math Utils
6:15:39 - Testing Challenges Setup
6:17:11 - Math Utils Challenges
6:23:42 - AAA Pattern Theory
6:25:55 - AAA Pattern In Action
6:27:21 - String Utils Testing
6:33:43 - String Utils Testing Challenges
6:38:45 - Array Utils Testing
6:44:17 - Array Utils Testing Challenges
6:49:18 - Object Utils Testing
6:56:38 - Object Utils Testing Challenges
7:04:08 - Test Driven Development ( TDD ) Theory
7:05:31 - TDD In Action
7:10:22 - Matchers Complete Guide
7:23:26 - Positive vs Negative Testing Theory
7:25:27- Positive vs Negative Testing In Action
7:28:01 - Boundary Testing Theory
7:30:01 - Boundary Testing In Action
7:40:03 - Parameterized Testing Theory
7:14:07 - Parameterized Testing In Action
7:46:34 - Testing Async Code
7:53:27 - React Testing Setup
8:05:49 - Component with Props Testing
8:12:33 - List Component Testing
8:18:44 - I Love getByRole
8:21:18 - getByRole In Action
8:28:08 - Screen Object Methods Theory
8:32:09 - All getBys
8:39:35 - All getAllBys
8:53:23 - All queryBys
9:01:33 - All queryAllBys
9:09:22 - All findBys
9:18:31 - All findAllBys
9:27:43 - Testing User Interactions
9:48:28 - Outro

[huxnwebdev]

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 4 👇

COMPLETE REACT.JS COURSE ( PLAYLIST ) 👇

[hooooman.]

From my current circumstances, the maximum I can do to you is to watch this video, like it, share it to my friends, and comment. The moment I land my first job, I'll definitely super chat you and send some money . Thankyou so much for providing this for free✨

[dhokare.shailesh]

This is exceptional work. Hoping for more such content this year. Thanks!

[Seif]

You deserve all the thanks and appreciation for creating a 10-hour video, along with editing and everything else, and then offering it to us for free. My friend, you are amazing!

[heydsu]

MY GODDD.. THIS WILL BE THE BEST TUTORIAL AS A REACT DEVELOPER THIS IS MUST WATCH..

[ikromjon.sharipov]

Thank you very much. Your videos are fundamental resource for me. I start by watching them, and if I face anything I don't understand, I dive deeper by reading documentation and articles. This approach has been incredibly helpful.

[alisajadahmadi]

This is a gift for juniors and those who started React.

[sayyidnaeemulhaquemayankak]

Do not Download...he is super teacher ....he teaching us with... superb Course ..Thanks Thanks Thanks from India, Lakshadweep ❤❤❤

[alexandramoldovan]

OMG finally testing part is out! I can't believe will be a part 4 too, I really needed monorepo! Even after more than 3 years working with React I still find useful thinks in you tutrials. Thanks a lot!

[Moterical]

Yeppp its a hard one . Definitely 3 videos with 12 hr each . Its damn hard to learn, but lets think how much harder was it to create all these . I wanna really appreciate and start the process . 🙏Lets stick together and level up ourselves. So thank you Huxn for all these efforts and hardships u have been through, ill definitely not waste it .

[surajr]

You are just crazy, bro! next-level content.
I can't thank you enough for these precious courses.

[j.kishorekumar]

Thanks bro we want react native in backend course bro pls humble request i already watched 5 hrs

[LoganPlayForFun_]

Your doing fantastic job buddy helping lot of people is not everyones cup of tea. btw happy new year i wish this year will be as brighter and beautiful as your smile. ❤️

[din-Ish]

Amazing content! 👏💥 You provided way more information than ChatGPT usually does about React design patterns. Thank you so much, brother! 🙌

[jessicaedigs]

At last ! Though I'm a little late! Haven't been to YouTube for days only to log in and be welcome by this amaxing project! I'm telling all my friends! 🎉🎉🎉🎉🎉

[hamza]

You're either awesome... or crazy. Thanks man seriously for all the 3 parts.

[anwardawud]

i do not anybody who want to share his knowledge like you keep it up bro

[AbhayBudhewar-ds]

Hats off man🎩

You are providing value to us I searched the whole internet there was no single course which taught
All the react from scratch.This course is 33 hours long.

Thanks❤❤.

[elixer_prince]

Damn. I had no idea React had so much stuff to learn. Three 10hr+ long videos is wild, but it's going to be great if I survive it! I plan to stick to the first tutorial for now. Thank you, bro, I was constantly switching between resources, so having a detailed playlist like this to return to every time is great. After your JavaScript course, I realise that I can now understand the patterns I see in other videos, and I haven't even finished it as yet.

[shasidharkanchu]

I am going to watch it on youtube itself... You are awesome❤ I have just seen 5 mins of the video and the table of contents are worth to be premium... But you here providing it for free🤍 You are just amazing💯💎... Love from India🇮🇳❤