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
https://youtu.be/0xhu_vgKZ8k

🧭 Watch Tutorial on Designing the website on Figma
https://youtu.be/SB3rt-cQZas

🧭 Watch Create a Modern React Login/Register Form with smooth Animations
https://youtu.be/-bll7l-BKQI

🧭 Debug React Apps Like a Pro | Master Debugging from Zero to Hero with Chrome DevTools
https://youtu.be/_rnxOD9NKAs

🧭 Master React Like Pro w/ Redux, Typescript, and GraphQL | Beginner to Advanced in React
https://youtu.be/M_Oes39FNuk

🧭 Learn Redux For Beginners | React Redux from Zero To Hero to build a real-world app
https://youtu.be/_rnxOD9NKAs

🧭 Build Login/Register API Server w/ Authentication | JWT Express AUTH using Passport.JS and Sequelize
https://youtu.be/VWEJ-GhjU4U

🧭 Introduction to GraphQL with Apollo and React
https://youtu.be/eCO6MvvRhXk

🐦 Follow me on Twitter: https://twitter.com/ipenywis
💻 Github Profile: https://github.com/ipenywis

Made with 💗 by Coderone