For new web devs looking into using component libraries like Shadcn/UI here's a simple advice from the dude that build Shadcn...
"I suggest NOT starting with shadcn/ui. Start here instead:
1. Build a simple component with React. Most probably a form.
2. Use the default input and button component. Make it work.
3. Realize the default button doesn’t look that great.
4. Add some Tailwind classes to the button, padding, font size, colors, just enough to make decent.
5. Add a second button, maybe a "Reset" or "Cancel". Style it. Keep building.
6. You'll start seeing a pattern. Repeating classes and props.
7. Move your two buttons to components/ui/button.tsx. Import and use in your form.
8. You now have a reusable button.tsx styled with Tailwind. Keep building.
9. Do the same for input, textarea and so on.
10. You're now building shadcn/ui.
Once you’ve done this, you’ll get it. For your next project, instead of doing the above again, you just run the following. It’s the exact same thing.
> npx shadcn add button input textarea"
"I suggest NOT starting with shadcn/ui. Start here instead:
1. Build a simple component with React. Most probably a form.
2. Use the default input and button component. Make it work.
3. Realize the default button doesn’t look that great.
4. Add some Tailwind classes to the button, padding, font size, colors, just enough to make decent.
5. Add a second button, maybe a "Reset" or "Cancel". Style it. Keep building.
6. You'll start seeing a pattern. Repeating classes and props.
7. Move your two buttons to components/ui/button.tsx. Import and use in your form.
8. You now have a reusable button.tsx styled with Tailwind. Keep building.
9. Do the same for input, textarea and so on.
10. You're now building shadcn/ui.
Once you’ve done this, you’ll get it. For your next project, instead of doing the above again, you just run the following. It’s the exact same thing.
> npx shadcn add button input textarea"
🔥13😁2❤1
It's crazy to me that most of what complication is, is not understanding the fundamentals correctly.
💯19💋1
Good night ✨
"ጌታችን ኢየሱስም በዚህ መጽሐፍ ያልተጻፈ ብዙ ሌላ ተአምራት በደቀ መዛሙርቱ ፊት አደረገ። ነገር ግን ይህ የተጻፈ ኢየሱስ እርሱ ክርስቶስ የእግዚአብሔር ልጅ እንደ ሆነ እናንተ ታምኑ ዘንድ፥ አምናችሁም በስሙ የዘለዓለም ሕይወትን ታገኙ ዘንድ ነው።"
— የዮሐንስ ወንጌል 20:30-31
#Scripture
@Dagmawi_Babi
"ጌታችን ኢየሱስም በዚህ መጽሐፍ ያልተጻፈ ብዙ ሌላ ተአምራት በደቀ መዛሙርቱ ፊት አደረገ። ነገር ግን ይህ የተጻፈ ኢየሱስ እርሱ ክርስቶስ የእግዚአብሔር ልጅ እንደ ሆነ እናንተ ታምኑ ዘንድ፥ አምናችሁም በስሙ የዘለዓለም ሕይወትን ታገኙ ዘንድ ነው።"
— የዮሐንስ ወንጌል 20:30-31
#Scripture
@Dagmawi_Babi
Please open Telegram to view this post
VIEW IN TELEGRAM
❤38
Vsauce just uploaded a long form video after 2 years
All the Ghosts you will be
• youtu.be/xHd4zsIbXJ0?si=5l7iZSykw_jisVyy
#YouTube #Vsauce
@Dagmawi_Babi
All the Ghosts you will be
• youtu.be/xHd4zsIbXJ0?si=5l7iZSykw_jisVyy
#YouTube #Vsauce
@Dagmawi_Babi
🤯10👎1🎉1🏆1
Forwarded from ꜱʜᴀɢʏ
Maybe the Epstein files were the friends we made along the way ❤️
😁15👍1😱1
I hacked into Babi's phone and posted this LOL better hide before he gets to me. Go sub to my channel @TheFrectonz
😁45👀7🤣6❤4🙉4🤯1😱1
Today the Better Auth team in Addis Ababa met up and had a wonderful meet and greet session.
Was a really fun, nerdy and interesting time. Talked about a bunch of tech, experiences, personal stuff and ofcourse about Better Auth and it's Infra... and just so much more.
It is a very cracked team, and I'm honestly there to learn and so are they, which's the best place to be.
God bless us and wish us all luck. The excitement keeps on growing and bunch of epic ideas are coming up.💙
#BetterAuth
@Dagmawi_Babi
Was a really fun, nerdy and interesting time. Talked about a bunch of tech, experiences, personal stuff and ofcourse about Better Auth and it's Infra... and just so much more.
It is a very cracked team, and I'm honestly there to learn and so are they, which's the best place to be.
God bless us and wish us all luck. The excitement keeps on growing and bunch of epic ideas are coming up.
#BetterAuth
@Dagmawi_Babi
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥60❤10⚡6🤯4