DEV Community

Cover image for The React Testing Masterclass
Kati Frantz
Kati Frantz

Posted on • Originally published at katifrantz.com

The React Testing Masterclass

Learn the best practices and strategies to effectively test your react components and applications.

Get the free course here

Hi 👋 I' m Kati Frantz , and I've built tons and tons of React applications. Everyone can ship software, but shipping quality software requires a lot of quality assurance and best practices.

A professional ships confident, well tested, and stable code.

This is the standard, but testing react applications can be painful and complex. What are the best practices ? What should I test ? How can I test a react router based, redux store connected stripe checkout form 😱😭?

Be glad you found this course, because this course will show you the best practices for testing components and full scale applications.

We'll be testing an e-commerce application 🛒💰 with Stripe Checkout. Here are some of the features we'll be testing:

  • 🍄 Reusable checkboxes

  • 🌴 External API powered products listing

  • 🌐 Product tiles accessibility

  • 🌾 Off canvas filter menu (with portals)

  • 🌲 Prevent scroll on canvas open

  • 🎏 Event listener cleanups

  • 🔕 Debounced products search

  • 🍉 Context dependent components

  • 🔐 React router page navigation

  • 📪 Redux connected components and pages

  • 🏄 Custom hooks

  • 👜 Checkout modal

  • 🍇 Stripe checkout

And so much more ! I've curated a real-world project so you learn techniques and strategies you can use in your companies starting today !

Get the free course here

Top comments (0)