در حال بارگذاری ...

Introducing shadcn/ui0:05

SHA and UI is a hugely popular project in the React ecosystem. So popular in fact that it's being ported to Vue and other front end frameworks. It's a collection of beautifully designed, accessible UI components that you completely own. And this is what makes Chat and unique. It's not a component library, but a blueprint on how to build your own component library. Instead of pulling a library from NPM,

Blueprint vs Component Library0:23

but a blueprint on how to build your own component library. Instead of pulling a library from NPM, you generate scaffolds for each component you need, and the code leaves in new code base. You own it. Chat, CN UI leverages some of the best tools in the frontend space, Tailwind, CSS, Radix UI, Class Variance Authority, et cetera. It wraps those tools within a coherent and consistent top layer of code,

Learning Design Systems0:46

It wraps those tools within a coherent and consistent top layer of code, which becomes your starting points to build user interfaces. Chat. CN UI is not only great to build beautiful user interfaces, but it's also an excellent way to learn about coding patterns and techniques to build a robust set of UI components or a design system. And that's what we're going to do in this series.

Reverse Engineering Components1:06

or a design system. And that's what we're going to do in this series. We're going to reverse engineer the codes generated by CNUI to learn about various composition patterns and styling techniques. I sure hope you're excited. Oh, and by the way, you might have heard the new Laravel starter kit for React is using SHA CNUI. So in the next lesson, let's start a brand new Laravel project from scratch and start digging into

Starting a Laravel Project1:27

So in the next lesson, let's start a brand new Laravel project from scratch and start digging into what SHA CNUI has to offer.

دوست دارید گاهی خبرهای Laracasts را ایمیل کنیم؟