0:01 the worst part about being a front-end
0:04 developer is developing uis which also
0:06 happens to be 100% of the job web
0:07 developers have tried to make things
0:10 easier with countless UI libraries like
0:12 bootstrap material and so on but
0:14 recently Shad Cen the hottest UI
0:15 framework in the front-end World
0:18 recently released a major update that
0:20 makes it way overpowered and it's
0:21 nothing like you've ever seen before the
0:23 only way I can think to describe it is
0:25 like if Ruby on Rails and Skynet had a
0:27 baby who grew up and got jacked on
0:28 steroids and then got into front-end web
0:30 development when I started this channel
0:32 back in 2017 my goal was to make
0:34 tutorials like this Facebook style Emoji
0:36 reaction thing the code for that video
0:38 took the better part of a day but now I
0:40 can build an even better one in like 30
0:42 seconds in today's video you'll learn
0:43 how to build a custom front-end website
0:45 faster than ever but with great power
0:47 comes great trade-offs and we'll also
0:49 look at the drawbacks of this approach
0:51 it is September 5th 2024 and you're
0:53 watching the code report last week I ran
0:55 a pull about for sale and thousands of
0:56 people agree that it's the best for an
0:58 incloud this video is not sponsored by
1:00 them nor have they sponsored any of my
1:02 past videos and that's why I can tell
1:03 you that yesterday versell took a pretty
1:06 big L when it was revealed that chat GPT
1:08 switch from nextjs to remix despite that
1:10 versell did make a really good move by
1:12 hiring the developer behind Shad CN and
1:14 now as we'll see it's tightly integrated
1:16 into the versel ecosystem the Shaden is
1:18 a component or UI library but it's a lot
1:20 different than most other libraries like
1:22 bootstrap instead of installing a
1:23 massive library of components into your
1:26 node modules and importing them you copy
1:27 and paste the code for each individual
1:29 component into your own project which
1:31 allows you to use things all a cart and
1:33 makes it easier to customize the code it
1:35 sounds chaotic but it's based on
1:37 Primitives like radex and Tailwind which
1:38 keep things looking consistent pretty
1:40 cool but it's killer new feature landed
1:43 in the CLI in the form of a component
1:45 registry like you can run Shad Cen ad
1:48 data table or Shaden ad Carousel to
1:50 easily add those components to your
1:51 project and it works with all the major
1:53 Frameworks but here's where things get
1:55 really crazy versell also runs this
1:57 service called vzer which is an AI chat
1:59 bot for building UI like all you do is
2:01 ask for a button and it'll return
2:02 something that looks just as good as any
2:05 a16z funded startup with a $100 million
2:07 valuation if we look at the code though
2:09 what you'll notice it's doing is relying
2:11 on the existing Shad CN button it then
2:13 AI generates some extra Tailwind slot
2:15 and the end result is pretty nice that's
2:17 not the crazy part though if we click on
2:18 this install button up here we'll have a
2:20 command to Shad CN add this to our
2:22 project it'll automatically copy that
2:24 code into our project and bring in any
2:26 necessary dependencies and now we have a
2:28 cool custom button we can use anywhere
2:30 and not just that but these URL can also
2:32 be made public to be shared with anyone
2:33 and you could even build up your own
2:36 standard library of Shad Cen components
2:37 if you drink the Shaden Kool-Aid and
2:39 then combine it with other AI tools like
2:42 co-pilot or cursor you can build uis 10
2:43 times faster than you could just a few
2:45 months ago and they actually look
2:47 halfway decent the end result might look
2:48 exactly the same as all your friend side
2:50 projects but at least it didn't take you
2:53 6 months to build but the AI haters out
2:54 there will tell you to never touch any
2:55 of these tools they'll make your
2:57 programming skills go flaccid and their
2:59 garbage code will eventually backfire on
3:01 you the but the reality is that just a
3:02 few years ago you'd have to solve many
3:04 of these problems by going dumpster
3:06 diving for code on blogs or humiliate
3:08 yourself with a stack Overflow question
3:09 but nowadays you have people building
3:11 to-do apps in their Teslas in the Ikea
3:13 parking lot the AI performance gains are
3:14 real but they have to be used carefully
3:17 and deliberately to avoid unnecessary
3:18 complexity I don't think Tech like this
3:20 will replace actual front-end developers
3:22 but here's my prediction in the near
3:24 future I think developers will care less
3:26 about the ergonomics of a framework like
3:28 the syntax differences between angular
3:30 react View and spell and care about how
3:32 quickly and reliably they can generate
3:33 stuff like I wouldn't be surprised if we
3:36 see a prompt-based UI framework oh wait
3:37 a minute it actually looks like someone
3:38 already built that this has been the
3:40 code report thanks for watching and I
