Stop Writing Your ID Types Like This // TRAIN BRAIN

Stop Writing Your ID Types Like This

Branded types are a niche TypeScript feature that don’t make much sense in small projects, but as soon as your project grows in size or complexity they are a must have. In this video I explain everything you need to know about branded types as well as how to integrate them with Drizzle and Zod.
? Materials/References:
Data Access Layer Video: https://youtu.be/Av7KqJVLiYc
? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified
⏱️ Timestamps:
00:00 - Introduction
00:29 - Problem Branded Types Solves
02:50 - Creating Basic Branded Type
08:50 - Advanced Branded Types
10:46 - Zod Integration
12:48 - Other Branded Type Integrations
#TypeScript #WDS #BrandedTypes

Web Dev Simplified

Web Dev Simplified is all about teaching web development skills and techniques in an efficient and practical manner. If you are just getting started in web development Web Dev Simplified has all the tools you need to learn the newest and most popular tech...

Stop Writing Your ID Types Like This

Stop Writing React Code Like This

Black Friday Sale!

Will Tanstack Start Replace Next.js?

Use These 10 Steps to Take Your Code from Good to Great

How to use TypeScript Utility Types like a Senior Developer

Stop Making this Massive Authorization Mistake

Create Professional CSS Animations with This Dev Tool

Build an Advanced Realtime Chat Project with Supabase

This CSS Dev Tool Makes Accessibility so Easy

How To Use Shadcn’s NEW Field Component Like a Senior Dev

Data Access Layers are a Must Know for Next.js Developers

Can I Solve These Advanced TypeScript Challenges?

No One Knows About This Amazing CSS Dev Tools Panel (CSS Overview)

The Ultimate Biome Crash Course

CSS ??????? Solves So Many Height Problems

Learn the Authentication Features that No One Else Is Teaching

Add Beautiful Blurry Image Loading With 3 Lines of Code

Most Developers Are Using AI Wrong

This Font Feature Is A Must Use In Your Dev Tools

How To Handle Data Access Like a Senior Dev

Make Your Site 200% Faster With One Simple Image Feature

This Is Why You Must Derive Your TypeScript Types

How to Build the Ultimate AI SaaS Project - AI Interviews, Resume Reviews, Technical Questions

Stop Using window “resize” Event Listeners

Shadcn Finally Has MultiSelect!

I Bet You Don’t Know This Amazing DOM Debugging Tool

Can a Web Developer Solve LeetCode?

What Is MCP Explained In 3 Minutes

CSS Style Queries Have So Much Potential

I Made My Own Shadcn Library (and you can too)

The Exact Process I Use To Learn 150% Faster Than You

attr() Is My New Favorite CSS Function

The Ultimate MCP Crash Course - Build From Scratch

CSS if() Statements Are Finally Here!

How I Built My Own Shadcn Library

This Was So Much Harder Than I Thought

5 Things I Have Learned from 10+ Years of Programming

Every Senior Developer Needs To Know This!

How I Recreated TanStack Router From Scratch

The Truth About AI and Coding. Is Your Job Safe?

This Is Bad!

The New selectedcontent HTML Element Changes Selects Forever

5 Must Know Sorting Algorithms Explained and Visualized

If You Write React Code You Need This Tool

Next.js Finally Fixed Caching

Every React Dev Needs To Know This About AbortController

Make Your React Site 100% Faster With This Amazing FREE Tool

This CSS Property Replaces Hundreds of Lines of Code

20 NEW CSS Features You Need To Know In 2025

Increase Your Productivity By 400%

Production Ready Auth In Next.js With No Libraries (Email/Password, OAuth2, etc.)

The New selectedcontent HTML Element Changes Selects Forever

I Cannot Believe Abort Controller Can Do This

This CSS Property Replaces Hundreds of Lines of Code

Do This To Make 2025 Your Best Year Yet

This New Speculation API Will Make Your Site 10x Faster

How To Overcome Burnout As A Programmer

If You Only Know One Programming Language Watch This

How To Handle CSS Colors Like A Senior Dev

Discord Made The Coolest CSS Only Input Animation

Discord Made The Coolest CSS Only Input Animation

This Is The 10x Developer Skill

The CSS Display Property is Changing Forever

How To Master CSS in 1 Month!

How To Easily Avoid Burnout As A Programmer

I Can’t Believe They Added AI To The Browser

Can You Solve These 3 CSS Battles Faster Than Me?

Create Forms 500% Faster With This Shadcn Tool

How To Handle Permissions Like A Senior Dev

How To Use Libraries Like A Senior Dev

The Only Accessibility Video You Will Ever Need

How To Build Feature Flags Like A Senior Dev In 20 Minutes

Next.js 15 Breakdown (Everything You Need To Know)

How To Build A $1,000,000 SaaS In 7 Hours

This Folder Structure Makes Me 100% More Productive

I'm Ditching Try/Catch for Good!

Why You Should Replace Your Booleans With Timestamps

Do You Need To Learn A Second Programming Language?

This One Tool Helps Me Build Projects 100% Faster