Jest with React and VSCode - The Best combination of Setup & Extensions

If you have been using Jest with React for quite some time now or you're just getting started with this cool testing framework! In this video, we'll go through a quick intro to Jest as well as the best setup, configuration, and extensions with VSCode to get the best out of it and become more productive!

⭐ Timestamps ⭐
00:00 Intro
00:24 Why Jest?
01:04 Getting started with Jest (Install and Setup)
01:51 Integrating Jest into a Project
02:21 Jest overview between two projects
04:59 Best way to learn Jest (cheatsheet)
05:36 Writing simple jest test with react-testing-library
09:02 Dealing with complicated React apps (Context, hooks...)
09:44 Best VSCode Extensions for Jest and React
12:12 My Config for running Jest tests

🧭 Turn Design into React Code | From prototype to Full website in no time

🧭 Watch Tutorial on Designing the website on Figma

🧭 Watch Create a Modern React Login/Register Form with smooth Animations

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize

🧭 Introduction to GraphQL with Apollo and React

Made with 💗 by Coderone

[ShaneCrenshaw]

If you click a failed test, is it supposed to show why it failed?

[SumanNath]

What theme are you using? it feels sweet dim which is very soothing to eyes beautiful.