Full Width [alt+shift+f] Shortcuts [alt+shift+k]
Sign Up [alt+shift+s] Log In [alt+shift+l]

Epic Web Dev

Epic Web Dev
Why I Won’t Use JSDOM (article) Explore how JSDOM's browser simulation works, and learn front-end testing approaches using Vitest...
5 days ago
7
5 days ago
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
Testing Accessibility with Screen Readers (article) Dive into the world of screen reader testing and discover why relying on a single tool isn't enough....
3 weeks ago
41
3 weeks ago
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
Versioning and Releasing NPM packages with Nx (tutorial)
3 weeks ago
Epic Web Dev
The Difference Between Clearing, Resetting, and Restoring Mocks (article) Understand the key differences between mock state management methods: mockClear(), mockReset(), and...
3 months ago
57
3 months ago
Understand the key differences between mock state management methods: mockClear(), mockReset(), and mockRestore(). Write clean test states.
Epic Web Dev
Writing Tests That Fail (article) There can be a lot of confusion and doubt when it comes to writing tests. Answering this simple...
3 months ago
48
3 months ago
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
Mocking Techniques in Vitest (workshop)
4 months ago
Epic Web Dev
Inverse Assertions (article) Learn to test for absent events in React using inverse assertions and waitFor. Avoid false positives...
4 months ago
53
4 months ago
Learn to test for absent events in React using inverse assertions and waitFor. Avoid false positives in time-dependent tests without using sleep.
Epic Web Dev
Replace Remix's unstable_parseMultipartFormData with @mjackson/form-data-parser (tip) Learn how to handle multi-part forms in Remix using unstable_parseMultipartFormData or...
4 months ago
36
4 months ago
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
Testing Accessibility with Keyboard (article) Learn how to improve keyboard accessibility in web apps, ensuring an inclusive experience for all...
4 months ago
34
4 months ago
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 Workshop Diff Tab Demo (tip)
4 months ago
Epic Web Dev
Epic Workshop Test Tab Demo (tip)
4 months ago
Epic Web Dev
Get Started with the Epic Workshop App (for React) (tip)
4 months ago
Epic Web Dev
Prisma Typed SQL Queries (tip)
5 months ago
Epic Web Dev
Tailwind CSS Color Tokens (tutorial)
5 months ago
Epic Web Dev
A Deep Dive in Tailwind Font Settings (tip) Take a deep dive on multiple approaches for controlling typographic settings on an element with...
6 months ago
Epic Web Dev
Auto Layout in Figma (tip) Figma's Auto Layout feature makes designing layouts feel more like building with Flexbox.
6 months ago
Epic Web Dev
Tips and Techniques for 'Pixel Perfect' Figma to Tailwind CSS Conversions (article) Master converting Figma designs to Tailwind CSS with near "pixel perfection". Learn HTML structure,...
6 months ago
50
6 months ago
Master converting Figma designs to Tailwind CSS with near "pixel perfection". Learn HTML structure, design tokens, layouts, responsive design, and animations.
Epic Web Dev
Unleash the Designer in You (with Tailwind CSS) (article) Explore how Tailwind CSS fosters collaboration between developers and designers, enhancing UI design...
6 months ago
43
6 months ago
Explore how Tailwind CSS fosters collaboration between developers and designers, enhancing UI design skills with utility classes and shared principles.
Epic Web Dev
Pixel Perfect Figma to Tailwind (workshop) Learn to implement 'pixel-perfect' designs from Figma with responsive layouts, advanced CSS...
6 months ago
45
6 months ago
Learn to implement 'pixel-perfect' designs from Figma with responsive layouts, advanced CSS techniques, and Tailwind v4 migration in this workshop.
Epic Web Dev
Be S.M.A.R.T. About Flaky Tests (article) Flaky tests undermine trust. Use the S.M.A.R.T. framework: Skip, Mitigate, Assess, Rewrite, Throw...
7 months ago
47
7 months ago
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
React Server Components: An Optimistic Future (article) React Server Components are going to improve the way we build web applications in a huge way... Once...
7 months ago
27
7 months ago
React Server Components are going to improve the way we build web applications in a huge way... Once we nail the abstractions...
Epic Web Dev
React Server Components: The Future of UI (article) React Server Components are going to improve the way we build web applications in a huge way... Once...
7 months ago
24
7 months ago
React Server Components are going to improve the way we build web applications in a huge way... Once we nail the abstractions...
Epic Web Dev
What Is A Test Boundary? (article) Learn automated testing essentials: prepare code, execute actions, verify outcomes. Discover the...
7 months ago
57
7 months ago
Learn automated testing essentials: prepare code, execute actions, verify outcomes. Discover the importance of mocking and setting proper test boundaries.
Epic Web Dev
Your code style does matter actually (article) You may be babysitting JavaScript syntax. It's annoying and you don't have to. Fix your formatter!
7 months ago
Epic Web Dev
Good Code, Testable Code (article) Learn what testability means, how it relates to code complexity, and why it's essential for...
7 months ago
Epic Web Dev
Skip SDKs in Simple Integrations (article) When dealing with APIs, SDKs can lead to cognitive overhead and complexity. Make sure the SDK is...
8 months ago
60
8 months ago
When dealing with APIs, SDKs can lead to cognitive overhead and complexity. Make sure the SDK is worth the trade-offs.
Epic Web Dev
Embracing Slow Networks: Improving User Experience (article) How web devs can tackle high latency networks and enhance UX and the role React Server Components...
8 months ago
Epic Web Dev
What's Coming in React 19 Beta (tip)
9 months ago
Epic Web Dev
Testing Fundamentals (workshop)
9 months ago
Epic Web Dev
TypeScript: What’s the Point?! (article) TypeScript elevates JavaScript with static typing, offering scalable, maintainable code despite...
10 months ago
47
10 months ago
TypeScript elevates JavaScript with static typing, offering scalable, maintainable code despite initial challenges.
Epic Web Dev
What is a Superset (in programming?) (article) Supersets like TypeScript enhance languages with benefits like error detection, code consistency,...
10 months ago
40
10 months ago
Supersets like TypeScript enhance languages with benefits like error detection, code consistency, scalability, and improved tooling for devs.
Epic Web Dev
What is a Superset (in programming?) (article) Supersets like TypeScript enhance languages with benefits like error detection, code consistency,...
10 months ago
41
10 months ago
Supersets like TypeScript enhance languages with benefits like error detection, code consistency, scalability, and improved tooling for devs.
Epic Web Dev
Git Fundamentals (tutorial)
10 months ago
Epic Web Dev
Implicit Assertions (article) Have a better understanding about the explicit and implicit assertions now, and perhaps even have a...
10 months ago
42
10 months ago
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
Making Use of Code Coverage (article) Dive into the contentious world of code coverage. Learn its nuances, pitfalls, and practical...
11 months ago
33
11 months ago
Dive into the contentious world of code coverage. Learn its nuances, pitfalls, and practical applications for modern web app testing
Epic Web Dev
AI Assistants (tutorial)
12 months ago
Epic Web Dev
Upgrade to Conform V1 (tip) Upgrade to Conform V1 and experience simplified form setup, enhanced error handling, and exciting...
a year ago
33
a year ago
Upgrade to Conform V1 and experience simplified form setup, enhanced error handling, and exciting new features.
Epic Web Dev
Anatomy of a Test (article) Explore the analogy between learning human anatomy and writing code tests, emphasizing a universal...
a year ago
11
a year ago
Explore the analogy between learning human anatomy and writing code tests, emphasizing a universal three-step structure: Setup, Action, and Assertion.
Epic Web Dev
Mix Blend Modes (tip) Learn how to create a stunning text over image effect using mix blend modes.
a year ago
Epic Web Dev
Fluid Hover Cards with Tailwind CSS (tutorial)
a year ago
Epic Web Dev
Motion Safe and Motion Reduce Modifiers (tip)
a year ago
Epic Web Dev
The Golden Rule of Assertions (article) Learn about The Golden Rule of Assertions that helps pinpoint good tests from bad ones.
a year ago
Epic Web Dev
Exploring the has Utility in Tailwind CSS (tip)
a year ago
Epic Web Dev
Text and Image Clipping Effects (tip)
a year ago
Epic Web Dev
Direct Children Selector in Tailwind CSS (tip) Simplify your Tailwind CSS code by styling direct children from the parent element.
a year ago
Epic Web Dev
The True Purpose of Testing (article) Discover the true essence of automated testing and the difference between an implementation and...
a year ago
Epic Web Dev
Hamburger Menu Animation (tip) Learn how to create an engaging hamburger menu animation with Tailwind CSS, improving user...
a year ago
20
a year ago
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
Creating Glassmorphism Effects with Tailwind CSS (tip) Learn how to create glassmorphism effects using the backdrop blur in Tailwind CSS and achieve...
a year ago
43
a year ago
Learn how to create glassmorphism effects using the backdrop blur in Tailwind CSS and achieve realistic translucent credit card designs.
Epic Web Dev
Adding a Shadow to an SVG Icon with Tailwind CSS (tip) Learn how to add a shadow that follows the edges of an SVG icon using Tailwind CSS DropShadow,...
a year ago
16
a year ago
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
Stop Lying to Your Users
a year ago
Epic Web Dev
Automatic Browser Request Cancellation (tip) Discover how automatic browser request cancellation works and its implications for web development.
a year ago
Epic Web Dev
Turn Progressive Enhancement up to 11 (tip) Learn how to create a progressive enhancement image uploader that works for users with or without...
a year ago
Epic Web Dev
How the Epic Stack Makes You Faster Streamline web choices, build top-notch apps efficiently.
a year ago
Epic Web Dev
Use Fetcher Keys for Registering Remix Fetchers (tip) Discover how to use fetcher keys in Remix 2.2.0 for optimistic theme switching with cookies. Improve...
a year ago
11
a year ago
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
Why I Won't Use Next.js From the perspective of web standards to concerns about increasing complexity, Kent C. Dodds shares...
a year ago
10
a year ago
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
Only use GET and POST (tip) Learn about the limitations of using HTTP methods other than GET and POST for form submissions and...
a year ago
14
a year ago
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
Understanding the Order of JavaScript Module Evaluation on the Web (tip) Discover the order in which JavaScript modules are evaluated on the web. From server index to entry...
a year ago
12
a year ago
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
The Drawbacks of Bundling All CSS Files Together (tip) Discover the drawbacks of bundling all CSS files together and why it's recommended to use separate...
a year ago
15
a year ago
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
Why you should probably be using SQLite
a year ago
Epic Web Dev
Understand Authentication
a year ago
Epic Web Dev
What does “Full Stack” mean for Epic Web
a year ago
Epic Web Dev
Get Started with the Epic Workshop App (tip)
a year ago
Epic Web Dev
Web Application Testing (workshop) Learn how to write tests that cover all of your backend and frontend code. Web Application Testing...
a year ago
16
a year ago
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
Authentication Strategies & Implementation (workshop) Learn best practices for managing user sessions, passwords, 2FA, email verification, OAuth, and more...
a year ago
16
a year ago
Learn best practices for managing user sessions, passwords, 2FA, email verification, OAuth, and more in the Authentication Strategies & Implementation Workshop!
Epic Web Dev
Accessible, Typesafe, Progressively Enhanced Modern Web Forms Learn how to use modern tools that offer the best user and developer experience for web forms.
a year ago
Epic Web Dev
Data Modeling Deep Dive (workshop) The Data Modeling Deep Dive Workshop will teach you best practices for designing database schemas,...
a year ago
19
a year ago
The Data Modeling Deep Dive Workshop will teach you best practices for designing database schemas, managing relationships, data mutations, and optimizations.
Epic Web Dev
Professional Web Forms (workshop) The Professional Web Forms Workshop will equip you for building complex, fully accessible forms that...
a year ago
11
a year ago
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
Fixing a form validation bug in the Epic Stack (tip) Learn how a web developer fixed a form validation bug in the Epic Stack. Follow their step-by-step...
a year ago
13
a year ago
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
Use Zod for All Form Validation (tip) Learn how to use Zod and Conform to validate and transform form data into sessions
a year ago
Epic Web Dev
Full Stack Foundations (workshop) The Full Stack Foundations workshop covers modern web development best practices including Styling,...
a year ago
8
a year ago
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
Adding OpenID Connect Authentication to the Epic Stack (tip) Learn how to integrate OpenID Connect authentication into the Epic Stack with this comprehensive...
a year ago
Epic Web Dev
Preparing for a workshop with Kent C. Dodds (tip) Full Stack Workshop Series Volume 1 and enhance your web development skills. Get step-by-step...
a year ago
12
a year ago
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
Support Responsive Favicons for a Professional Look (tip) Create a responsive favicon that adapts to the user's system preference for light or dark mode.
a year ago
Epic Web Dev
Contribute an Epic Stack Example (tip) How to create an Epic Stack example to help others and get new features built into the Epic Stack.
a year ago
Epic Web Dev
Two Factor Auth is Included in the Epic Stack (tip) A Two Factor Authentication implementation has been added to the Epic Stack. Check it out!
a year ago
Epic Web Dev
Improve UX and Security with Time-based One Time Passwords (TOTPs) (tip) Watch Kent show you the improved user experience, security, and the implementation of Time-based One...
a year ago
Epic Web Dev
Use Client Hints to Eliminate Content Layout Shift (tip) Learn how to eliminate CLS using client hints in the Epic Stack.
a year ago
Epic Web Dev
The Epic Stack Introducing an opinionated project starter that enables web development teams to ship their ideas to...
a year ago
12
a year ago
Introducing an opinionated project starter that enables web development teams to ship their ideas to production more efficiently.
Epic Web Dev
Check if Custom Fonts are Properly Loaded in Your App (tip) Learn how to use DevTools to check if the correct font is being applied to your app and troubleshoot...
a year ago
14
a year ago
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
Use Isolation to Solve Complex Problems (tip) When faced with a complex problem, try isolating it by creating a minimal example in a temporary...
a year ago
Epic Web Dev
Quickly Determine Whether a Module is Bundled (tip) There's a faster alternative to using source-map-explorer to examine your client bundle for unwanted...
a year ago
Epic Web Dev
Deploy Web Applications All Over the World (tutorial)
a year ago
Epic Web Dev
Full Stack Components There’s this pattern I’ve been using in my apps that has been really helpful to me and I’d like to...
over a year ago
12
over a year ago
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
Fully Typed Web Apps The main thing that makes end-to-end type safety difficult is simple: boundaries. The secret to...
over a year ago
9
over a year ago
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
The Web’s Next Transition Web is made up of technologies that got started over 25 years ago. Now, we are transitioning to a...
over a year ago
12
over a year ago
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.