TypeScript/React Testing: Components, Hooks, Custom Hooks, Redux and Zustand

By viewer request we are looking at testing React TypeScript components all the way from render components, through components with state, asynchronous components, custom hooks, Redux and Zustand.

00:00 Introduction
00:47 Project Setup
01:55 Basic component testing
05:06 Multiple element testing
08:22 Event handler testing
11:51 Testing state hooks
14:07 Testing async hooks
17:56 Testing simple custom hooks
19:53 Testing async custom hooks
22:18 Testing Redux components
26:19 Testing Zustand components
29:03 Outroduction

👉 What's my theme? Night Wolf [black]
👉 What's that font? MonoLisa

Thank you for watching this video, click the "SUBSCRIBE" button to stay connected with this channel.

#typescript #nobsTS #testing #mockServiceWorker

[letok]

I am angular developer which start explore react js, and I am consider your videos the most informative. Thank you for your content!!

[EduardoYudjiNagashimaMiyata]

Even after two years, it is very current, congratulations!

[nattysweg]

Feels like I have been consuming content for years to stumble upon this gem

[curiousprogrammer]

More on testing react and testing library please! :) Thanks for this!

[pfcosta]

I'm really amazed by the quality of each video that you've uploaded so far. I've basically shared them all with my colleagues.
Given that you're introducing in BS/TS some design patterns and in this next premiere you're talking about Zustand, could we have a mix of both worlds?
For instance, how to perform undo/redo operations using a command/memento pattern mixed with a state management library? Again, keep those videos coming! Really amazing stuff!

[herubond]

I really like the way you teaching about React and TypeSctipt stuff!!

[samuelvalentine]

Wow 👏, this is really no BS..ad free, straight to the point 👏

[lawrencejones]

Very nice video. My background is TDD since 2000 so its nice to see how to implement this paradigm in React (with different supporting libraries). Thanks so much!

[matthewrideout]

Struggling to mock my zustand store and I thought I wonder if jack herrington will have a video on this. Bingo. What a guy. Thanks Jacky baby

[sumanmarahatha]

Needed full series on react testing library with jest

[Berkeli]

The fact that the video only has 17k views makes me sad. Testing is so freaking cool and more people should be learning it. Excellent video

[tarunsukhu]

As usual Gold Standard video. I still re-run your videos for refreshing older topics I may have not touched for a while. Also nice French beard Jack :-)

[boot-strapper]

Been using this a lot the last 2 weeks on my current project

[hameedhameed]

This is just awesome. With your help, I have a good grasp of what testing is.

[vittoriomorellini]

This level of test is interesting, it is difficult to find such a deep level of test. This has to be the starting point to test deeply and with an acceptable code coverage a project quite complicated that I have in production

[adamwoolf]

this is fantastic. Well paced, clear and logical explanations. 100% quality teaching and nice to see that you enjoy it!

[muzamilahmed]

Hi Jack, Thank you so much for your tutorials. I would request you add a tutorial for material UI react testing. Thanks!

[tsooooooo]

No BS TS is such a good title for the book!

[Satender-cdzu]

Thanks, you just solved my 3 hour work!

[SajidAliSoftwareEngineer]

Jack really I dont have words for appreciation, awesome video, I learn about the react testing. I watch many videos but your video really clear my testing concepts.
Thank you so much.