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

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.

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

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/react-testing-library/intro/
Mock Service Worker: https://mswjs.io/
React Hooks Testing Library: https://github.com/testing-library/react-hooks-testing-library#readme

👉 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-round-up/
👉 Don't forget to subscribe to this channel for more updates: https://bit.ly/2E7drfJ
👉 Discord server signup: https://discord.gg/ddMZFtTDa5

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

#typescript #nobsTS #testing #mockServiceWorker

react hookstypescriptmock service worker

Post a Comment

0 Comments