Learn 4 ways to optimize loaders, from batching async work to streaming slow data with Suspense.

Learn how to use Vitest’s defaults to eliminate extra configuration and prevent flaky results, letting you write reliable tests with less effort.

Learn advanced Vitest patterns—custom fixtures, matchers, and performance tuning—to craft faster, more effective test experiences.

Create a small example app and send payloads from the server to the client using RSC's

Learn how disposable objects solve test cleanup problems in flat testing. Use TypeScript's using keyword to ensure reliable resource disposal in tests.

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

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.

Today we go over how hydration errors happen in react-router and how to fix them.

Test UI outcomes, not API requests. Mock network calls in setup, but assert on what users actually see and experience, not implementation details.

Explore Remix's new React Server Components (RSC) preview in react-router! Learn usage, different approaches, and trade-offs.

react-router-devtools enhances debugging by adding automatic logging for loaders & actions, plus direct links to code origins in console logs.

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!

A deep dive into Testing Library's .toBeVisible() and .toBeInTheDocument() matchers, exploring their differences, use cases, and best practices

Upgrade React Router from v5 to v7. Learn about nested routing, Outlet components, built-in error boundaries, and other key improvements across versions

Discover how The Epic Programming Principles can transform your web development decision-making, boost your career, and help you build better software.

Explore how JSDOM's browser simulation works, and learn front-end testing approaches using Vitest Browser Mode for direct browser testing and native APIs

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

Understand the key differences between mock state management methods: mockClear(), mockReset(), and mockRestore(). Write clean test states.

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.

Learn to mock functions, time, globals, network, and modules. Practice real-world scenarios using Vitest to write effective and maintainable tests.

Learn how to test time-dependent side effects that should not happen. Avoid false positives by using inverse assertions.

Learn how to handle multi-part forms in Remix using unstable_parseMultipartFormData or @mjackson/form-data-parser with custom file size validation.

Learn how to improve keyboard accessibility in web apps, ensuring an inclusive experience for all users, including those using assistive technologies.

Take a deep dive on multiple approaches for controlling typographic settings on an element with Tailwind.

Figma's Auto Layout feature makes designing layouts feel more like building with Flexbox.

Master converting Figma designs to Tailwind CSS with near "pixel perfection". Learn HTML structure, design tokens, layouts, responsive design, and animations.

Explore how Tailwind CSS fosters collaboration between developers and designers, enhancing UI design skills with utility classes and shared principles.

Learn to implement 'pixel-perfect' designs from Figma with responsive layouts, advanced CSS techniques, and Tailwind v4 migration in this workshop.

Flaky tests undermine trust. Use the S.M.A.R.T. framework: Skip, Mitigate, Assess, Rewrite, Throw away, to manage and fix them effectively.

Learn automated testing essentials: prepare code, execute actions, verify outcomes. Discover the importance of mocking and setting proper test boundaries.

You may be babysitting JavaScript syntax. It's annoying and you don't have to. Fix your formatter!

Learn what testability means, how it relates to code complexity, and why it's essential for effective testing.

When dealing with APIs, SDKs can lead to cognitive overhead and complexity. Make sure the SDK is worth the trade-offs.

How web devs can tackle high latency networks and enhance UX and the role React Server Components plays in this.

In the Testing Fundamentals workshop, you will learn testing principles, framework structure, async handling, and more by building a mini testing-framework!

TypeScript elevates JavaScript with static typing, offering scalable, maintainable code despite initial challenges.

Supersets like TypeScript enhance languages with benefits like error detection, code consistency, scalability, and improved tooling for devs.

Have a better understanding about the explicit and implicit assertions now, and perhaps even have a test or two in mind to improve.

Dive into the contentious world of code coverage. Learn its nuances, pitfalls, and practical applications for modern web app testing

Upgrade to Conform V1 and experience simplified form setup, enhanced error handling, and exciting new features.

Explore the analogy between learning human anatomy and writing code tests, emphasizing a universal three-step structure: Setup, Action, and Assertion.

Learn how to create a stunning text over image effect using mix blend modes.

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.

Learn about The Golden Rule of Assertions that helps pinpoint good tests from bad ones.

Simplify your Tailwind CSS code by styling direct children from the parent element.

Discover the true essence of automated testing and the difference between an implementation and intention.

Learn how to create an engaging hamburger menu animation with Tailwind CSS, improving user experience and adding a touch of fun flair.

Learn how to create glassmorphism effects using the backdrop blur in Tailwind CSS and achieve realistic translucent credit card designs.

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.

Discover how automatic browser request cancellation works and its implications for web development.

Learn how to create a progressive enhancement image uploader that works for users with or without JavaScript.

Streamline web choices, build top-notch apps efficiently.

Discover how to use fetcher keys in Remix 2.2.0 for optimistic theme switching with cookies. Improve user experience and eliminate network delays.

Learn about the limitations of using HTTP methods other than GET and POST for form submissions and how it can affect the user experience.

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.

Discover the drawbacks of bundling all CSS files together and why it's recommended to use separate style sheets for better control and performance.

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!

Learn best practices for managing user sessions, passwords, 2FA, email verification, OAuth, and more in the Authentication Strategies & Implementation Workshop!

Learn how to use modern tools that offer the best user and developer experience for web forms.

The Data Modeling Deep Dive Workshop will teach you best practices for designing database schemas, managing relationships, data mutations, and optimizations.

The Professional Web Forms Workshop will equip you for building complex, fully accessible forms that handle validation and file uploads while preventing spam.

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.

Learn how to use Zod and Conform to validate and transform form data into sessions

The Full Stack Foundations workshop covers modern web development best practices including Styling, Routing, Data Loading, Forms, SEO, Error Handling, and more!

Learn how to integrate OpenID Connect authentication into the Epic Stack with this comprehensive tutorial.

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.

Create a responsive favicon that adapts to the user's system preference for light or dark mode.

How to create an Epic Stack example to help others and get new features built into the Epic Stack.

A Two Factor Authentication implementation has been added to the Epic Stack. Check it out!

Watch Kent show you the improved user experience, security, and the implementation of Time-based One Time Passwords in the Epic Stack.

Learn how to eliminate CLS using client hints in the Epic Stack.

Introducing an opinionated project starter that enables web development teams to ship their ideas to production more efficiently.

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.

When faced with a complex problem, try isolating it by creating a minimal example in a temporary project directory.

There's a faster alternative to using source-map-explorer to examine your client bundle for unwanted modules.

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.

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.

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.