Learn how to use Vitest’s defaults to eliminate extra configuration and prevent flaky results, letting you write reliable tests with less effort.| Epic Web Dev
Learn advanced Vitest patterns—custom fixtures, matchers, and performance tuning—to craft faster, more effective test experiences.| Epic Web Dev
Create a small example app and send payloads from the server to the client using RSC's| Epic Web Dev
Learn how disposable objects solve test cleanup problems in flat testing. Use TypeScript's using keyword to ensure reliable resource disposal in tests.| Epic Web Dev
Today we go over the recent announcement blog post of react-router where they talk about their open governance model and what the future will look like| Epic Web Dev
We go over the "Wake up, Remix!" article by the remix team and talk about their decisions moving forward and also speculate on what is coming next.| Epic Web Dev
Today we go over how hydration errors happen in react-router and how to fix them.| Epic Web Dev
Test UI outcomes, not API requests. Mock network calls in setup, but assert on what users actually see and experience, not implementation details.| Epic Web Dev
Explore Remix's new React Server Components (RSC) preview in react-router! Learn usage, different approaches, and trade-offs.| Epic Web Dev
react-router-devtools enhances debugging by adding automatic logging for loaders & actions, plus direct links to code origins in console logs.| Epic Web Dev
Test React components in real browsers with Vitest! Say goodbye JSDOM’s limits and catch bugs users actually face. Real tests, real results—start now!| Epic Web Dev
A deep dive into Testing Library's .toBeVisible() and .toBeInTheDocument() matchers, exploring their differences, use cases, and best practices| Epic Web Dev
Upgrade React Router from v5 to v7. Learn about nested routing, Outlet components, built-in error boundaries, and other key improvements across versions| Epic Web Dev
Discover how The Epic Programming Principles can transform your web development decision-making, boost your career, and help you build better software.| Epic Web Dev
Explore how JSDOM's browser simulation works, and learn front-end testing approaches using Vitest Browser Mode for direct browser testing and native APIs| Epic Web Dev
Dive into the world of screen reader testing and discover why relying on a single tool isn't enough. Create genuinely accessible web apps that work for everyone| Epic Web Dev
| Epic Web Dev
Understand the key differences between mock state management methods: mockClear(), mockReset(), and mockRestore(). Write clean test states.| Epic Web Dev
There can be a lot of confusion and doubt when it comes to writing tests. Answering this simple question may help clear a lot of it out.| Epic Web Dev
Learn to mock functions, time, globals, network, and modules. Practice real-world scenarios using Vitest to write effective and maintainable tests.| Epic Web Dev
Learn how to test time-dependent side effects that should not happen. Avoid false positives by using inverse assertions.| Epic Web Dev
Learn how to handle multi-part forms in Remix using unstable_parseMultipartFormData or @mjackson/form-data-parser with custom file size validation.| Epic Web Dev
Learn how to improve keyboard accessibility in web apps, ensuring an inclusive experience for all users, including those using assistive technologies.| Epic Web Dev
| Epic Web Dev
| Epic Web Dev
| Epic Web Dev
| Epic Web Dev
| Epic Web Dev
Take a deep dive on multiple approaches for controlling typographic settings on an element with Tailwind.| Epic Web Dev
Figma's Auto Layout feature makes designing layouts feel more like building with Flexbox.| Epic Web Dev
Master converting Figma designs to Tailwind CSS with near "pixel perfection". Learn HTML structure, design tokens, layouts, responsive design, and animations.| Epic Web Dev
Explore how Tailwind CSS fosters collaboration between developers and designers, enhancing UI design skills with utility classes and shared principles.| Epic Web Dev
Learn to implement 'pixel-perfect' designs from Figma with responsive layouts, advanced CSS techniques, and Tailwind v4 migration in this workshop.| Epic Web Dev
Flaky tests undermine trust. Use the S.M.A.R.T. framework: Skip, Mitigate, Assess, Rewrite, Throw away, to manage and fix them effectively.| Epic Web Dev
Learn automated testing essentials: prepare code, execute actions, verify outcomes. Discover the importance of mocking and setting proper test boundaries.| Epic Web Dev
You may be babysitting JavaScript syntax. It's annoying and you don't have to. Fix your formatter!| Epic Web Dev
Learn what testability means, how it relates to code complexity, and why it's essential for effective testing.| Epic Web Dev
When dealing with APIs, SDKs can lead to cognitive overhead and complexity. Make sure the SDK is worth the trade-offs.| Epic Web Dev
How web devs can tackle high latency networks and enhance UX and the role React Server Components plays in this.| Epic Web Dev
| Epic Web Dev
In the Testing Fundamentals workshop, you will learn testing principles, framework structure, async handling, and more by building a mini testing-framework!| Epic Web Dev
TypeScript elevates JavaScript with static typing, offering scalable, maintainable code despite initial challenges.| Epic Web Dev
Supersets like TypeScript enhance languages with benefits like error detection, code consistency, scalability, and improved tooling for devs.| Epic Web Dev
| Epic Web Dev
Have a better understanding about the explicit and implicit assertions now, and perhaps even have a test or two in mind to improve.| Epic Web Dev
Dive into the contentious world of code coverage. Learn its nuances, pitfalls, and practical applications for modern web app testing| Epic Web Dev
| Epic Web Dev
Upgrade to Conform V1 and experience simplified form setup, enhanced error handling, and exciting new features.| Epic Web Dev
Explore the analogy between learning human anatomy and writing code tests, emphasizing a universal three-step structure: Setup, Action, and Assertion.| Epic Web Dev
Learn how to create a stunning text over image effect using mix blend modes.| Epic Web Dev
| Epic Web Dev
Learn how to make your web animations respect user preferences by using Tailwind CSS's motion-safe modifier to handle prefers-reduced-motion in OS.| Epic Web Dev
Learn about The Golden Rule of Assertions that helps pinpoint good tests from bad ones.| Epic Web Dev
| Epic Web Dev
| Epic Web Dev
Simplify your Tailwind CSS code by styling direct children from the parent element.| Epic Web Dev
Discover the true essence of automated testing and the difference between an implementation and intention.| Epic Web Dev
Learn how to create an engaging hamburger menu animation with Tailwind CSS, improving user experience and adding a touch of fun flair.| Epic Web Dev
Learn how to create glassmorphism effects using the backdrop blur in Tailwind CSS and achieve realistic translucent credit card designs.| Epic Web Dev
Learn how to add a shadow that follows the edges of an SVG icon using Tailwind CSS DropShadow, giving your icons a smoother and more visually appealing look.| Epic Web Dev
| Epic Web Dev
Discover how automatic browser request cancellation works and its implications for web development.| Epic Web Dev
Learn how to create a progressive enhancement image uploader that works for users with or without JavaScript.| Epic Web Dev
Streamline web choices, build top-notch apps efficiently.| Epic Web Dev
Discover how to use fetcher keys in Remix 2.2.0 for optimistic theme switching with cookies. Improve user experience and eliminate network delays.| Epic Web Dev
Learn about the limitations of using HTTP methods other than GET and POST for form submissions and how it can affect the user experience.| Epic Web Dev
Discover the order in which JavaScript modules are evaluated on the web. From server index to entry server and client, we trace the flow of evaluation.| Epic Web Dev
Discover the drawbacks of bundling all CSS files together and why it's recommended to use separate style sheets for better control and performance.| Epic Web Dev
| Epic Web Dev
| Epic Web Dev
Learn how to write tests that cover all of your backend and frontend code. Web Application Testing covers unit testing, E2E, integration testing, and more!| Epic Web Dev
Learn best practices for managing user sessions, passwords, 2FA, email verification, OAuth, and more in the Authentication Strategies & Implementation Workshop!| Epic Web Dev
Learn how to use modern tools that offer the best user and developer experience for web forms.| Epic Web Dev
The Data Modeling Deep Dive Workshop will teach you best practices for designing database schemas, managing relationships, data mutations, and optimizations.| Epic Web Dev
The Professional Web Forms Workshop will equip you for building complex, fully accessible forms that handle validation and file uploads while preventing spam.| Epic Web Dev
Learn how a web developer fixed a form validation bug in the Epic Stack. Follow their step-by-step guide and find out how they addressed the issue.| Epic Web Dev
Learn how to use Zod and Conform to validate and transform form data into sessions| Epic Web Dev
The Full Stack Foundations workshop covers modern web development best practices including Styling, Routing, Data Loading, Forms, SEO, Error Handling, and more!| Epic Web Dev
Learn how to integrate OpenID Connect authentication into the Epic Stack with this comprehensive tutorial.| Epic Web Dev
Full Stack Workshop Series Volume 1 and enhance your web development skills. Get step-by-step instructions, resources, and hands-on exercises to level up.| Epic Web Dev
Create a responsive favicon that adapts to the user's system preference for light or dark mode.| Epic Web Dev
How to create an Epic Stack example to help others and get new features built into the Epic Stack.| Epic Web Dev
A Two Factor Authentication implementation has been added to the Epic Stack. Check it out!| Epic Web Dev
Watch Kent show you the improved user experience, security, and the implementation of Time-based One Time Passwords in the Epic Stack.| Epic Web Dev
Learn how to eliminate CLS using client hints in the Epic Stack.| Epic Web Dev
Introducing an opinionated project starter that enables web development teams to ship their ideas to production more efficiently.| Epic Web Dev
Learn how to use DevTools to check if the correct font is being applied to your app and troubleshoot issues related to loading custom fonts.| Epic Web Dev
When faced with a complex problem, try isolating it by creating a minimal example in a temporary project directory.| Epic Web Dev
There's a faster alternative to using source-map-explorer to examine your client bundle for unwanted modules.| Epic Web Dev
| Epic Web Dev
There’s this pattern I’ve been using in my apps that has been really helpful to me and I’d like to share it with you all.| Epic Web Dev
The main thing that makes end-to-end type safety difficult is simple: boundaries. The secret to fully typed web apps is typing the boundaries.| Epic Web Dev
Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a new and improved architecture for building web applications.| Epic Web Dev
Learn full-stack web development with Kent C. Dodds and the Epic Web instructors. Learn TypeScript, React, Node.js, and more through hands-on workshops.| Epic Web Dev
Optimizing database performance as crucial for application speed, focusing on indexes, minimizing network latency, and monitoring query trends.| Epic Web Dev
Where you store your application data has enormous impacts on your entire application. There are implications on the entire stack based on what you decide to...| Epic Web Dev
From the perspective of web standards to concerns about increasing complexity, Kent C. Dodds shares his opinions on why he won't use Next.js.| Epic Web Dev