Stop Writing Bad Abstractions – Clean Code Tips That Work

Large Projects

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

Add Beautiful Blurry Image Loading With 3 Lines of Code

Shadcn is an awesome component library, but I often find myself creating my own custom components that I use in every project. Because of this, I created my own Shadcn registry that contains many components I use in every project. In this video I will show you how I created this registry, how you can create your own, and how you can contribute to this registry.


📚 Materials/References:

GitHub Repository: https://github.com/WebDevSimplified/wds-shadcn-registry
WDS Shadcn Registry: https://wds-shadcn-registry.netlify.app


🌎 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:44 - Shadcn registry setup
08:30 - Documentation setup


#Shadcn #WDS #ReactJS

How I Built My Own Shadcn Library

Stop Writing Bad Abstractions – Clean Code Tips That Work

Large Projects

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

Add Beautiful Blurry Image Loading With 3 Lines of Code