Tips

A collection of valuable Web Development tips.

Debug React Router Applications with Custom Logs using react-router-devtools

Upgrading React Router

Replace Remix's unstable_parseMultipartFormData with @mjackson/form-data-parser

Epic Workshop Diff Tab Demo

Epic Workshop Test Tab Demo

Get Started with the Epic Workshop App (for React)

Prisma Typed SQL Queries

A Deep Dive in Tailwind Font Settings

Simon Vrachliotis

Auto Layout in Figma

Simon Vrachliotis

What's Coming in React 19 Beta

Upgrade to Conform V1

Mix Blend Modes

Simon Vrachliotis

Motion Safe and Motion Reduce Modifiers

Simon Vrachliotis

Exploring the has Utility in Tailwind CSS

Simon Vrachliotis

Text and Image Clipping Effects

Simon Vrachliotis

Direct Children Selector in Tailwind CSS

Simon Vrachliotis

Hamburger Menu Animation

Simon Vrachliotis

Creating Glassmorphism Effects with Tailwind CSS

Simon Vrachliotis

Adding a Shadow to an SVG Icon with Tailwind CSS

Simon Vrachliotis

Automatic Browser Request Cancellation

Turn Progressive Enhancement up to 11

Use Fetcher Keys for Registering Remix Fetchers

Only use GET and POST

Understanding the Order of JavaScript Module Evaluation on the Web

The Drawbacks of Bundling All CSS Files Together

Get Started with the Epic Workshop App

Fixing a form validation bug in the Epic Stack

Use Zod for All Form Validation

Adding OpenID Connect Authentication to the Epic Stack

Preparing for a workshop with Kent C. Dodds

Support Responsive Favicons for a Professional Look

Contribute an Epic Stack Example

Two Factor Auth is Included in the Epic Stack

Improve UX and Security with Time-based One Time Passwords (TOTPs)

Use Client Hints to Eliminate Content Layout Shift

Check if Custom Fonts are Properly Loaded in Your App

Use Isolation to Solve Complex Problems

Quickly Determine Whether a Module is Bundled