Next.js with React Testing Library, Jest, TypeScript
Dave Gray
@davegrayteachescodeAbout
Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more! My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others. Keep striving for progress over perfection. And a little progress every day goes a very long way. Milestones: July 20, 2020 - 1st video Jan 1, 2021 - 1k subs April 2021 - 4k watch hours Nov 2021 - 10k subs Jan 21, 2022 - Video at 100k views Feb 16, 2022 - 100k watch hours Feb 19, 2022 - 1m views Dec 13, 2022 - 100k subs Dec 2022 - Over 1m views in 1 month April 7, 2023 - 10m views May 26, 2023 - 1m watch hours Sept 22, 2023 - Video at 1m views Dec 25, 2023 - 250k subs
Video Description
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap Learn how to write tests in Next.js with React Testing Library, Jest, and TypeScript. This tutorial takes you through the setup for testing in Next.js 13 with App Router and TypeScript step-by-step. Write your first tests in Next.js! đ Support me on Patreon â https://patreon.com/davegray â Become a full-stack web dev with Zero To Mastery Courses: - Complete Next.js Developer: https://bit.ly/CompNextJSDev - Advanced React: https://bit.ly/AdvReactDev - Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmap-JrtoSr đ© Subscribe â https://bit.ly/3nGHmNn đŹ Course Updates â https://courses.davegray.codes/ â Questions - Please post them to my Discord â https://discord.gg/neKghyefqh â Buy Me A Coffee â https://www.buymeacoffee.com/davegray đ Follow Me On Social Media: GitHub: https://github.com/gitdagray Twitter: https://twitter.com/yesdavidgray LinkedIn: https://www.linkedin.com/in/davidagray/ đ Source Code: https://github.com/gitdagray/next-testing-intro đș "Testing Your Code" playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6NTWVG8eM7Dt43vvzulnIbK Next.js Testing Introduction with React Testing Library, Jest, TypeScript (00:00) Intro (00:11) Welcome (00:35) Lesson Goals (01:06) Create a Next.js Project (02:50) Add dependencies (04:11) Current issue with Next.js & Jest (06:17) Add scripts (06:49) Jest config (10:04) Jest setup (10:33) ESLint (12:17) Writing Your First Component Test & AAA Pattern (19:20) Multiple Tests for the Same Component (23:49) For More Information đ Tutorial References: đ Next.js Official Site: https://nextjs.org/ đ React Testing Library: https://testing-library.com/docs/react-testing-library/intro đ Jest: https://jestjs.io/ đ TypeScript: https://www.typescriptlang.org/ Was this tutorial about getting started with Jest, React Testing Library and TypeScript in Next.js helpful? If so, please share. Let me know your thoughts in the comments. #nextjs #react #testing
Boost Your Web Dev Setup
AI-recommended products based on this video
NEXPOW Car Jump Starter,Car Battery Jump Starter Pack 1500A Peak Q10S for Up to 7.0L Gas and 5.5L Diesel Engine12V Auto Battery Booster,Jumper Cables,Portable Lithium Jump Box with LED Light/USB QC3.0
Firefly Variety 8 Pack - Fire Starter Accessory for Swiss Army Victorinox Knives (Neon Green-Yellow Glow)
9-in-1 5000A 150PSI Car Battery Booster Jump Starter with Air Compressor (All Gas/9L Diesel), Portable Car Battery Booster Pack, Safe Durable Car Jump Starter with Extended Jumper Cables, Glove, Light
Monster N-Lite 211 Wireless EarbudsïŒ Bluetooth 6.0 Stereo Headphones with Noise-Cancelling Mic and LED Display, Built-in Mic for Clear Calls, Waterproof Design for Sports
