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