TypeScript/React Testing: Components, Hooks, Custom Hooks, Redux and Zustand
Jack Herrington Jack Herrington
185K subscribers
84,716 views
3K

 Published On Premiered Sep 23, 2021

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.

No BS TS Book: https://no-bs-ts.myshopify.com/
Code: https://github.com/jherr/ts-react-tes...

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

React Testing Library: https://testing-library.com/docs/reac...
Mock Service Worker: https://mswjs.io/
React Hooks Testing Library: https://github.com/testing-library/re...

👉 What's my theme? Night Wolf [black]
👉 What's that font? MonoLisa
👉 Jack is also on the React Round Up podcast: https://devchat.tv/podcasts/react-rou...
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup:   / discord  

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

#typescript #nobsTS #testing #mockServiceWorker

show more

Share/Embed