Lessons
Explore all newline lessons
lesson
Setup shadcn/ui Development EnvironmentSleek Next.JS Applications with shadcn/uiLearn how to setup the shadcn/ui local development environment
lesson
shadcn/ui source code architectureSleek Next.JS Applications with shadcn/uiLearn about the shadcn/ui library architecture and how it is built and structured
lesson
Module 9 IntroductionSleek Next.JS Applications with shadcn/uiLearn how to contribute to the shadcn/ui codebase
lesson
Building a Filter Component with shadcn/uiSleek Next.JS Applications with shadcn/uiLearn how to compose multiple components to create a new one, such as building a filter component.
lesson
What is component composition?Sleek Next.JS Applications with shadcn/uiLearn about component composition and its benefits in shadcn/ui
lesson
Module 8 IntroductionSleek Next.JS Applications with shadcn/uiLearn how to compose components to build new ones
lesson
Mobile ViewSleek Next.JS Applications with shadcn/uiMake the website responsive and adapt the table for mobile devices
lesson
Pagination and SortingSleek Next.JS Applications with shadcn/uiAdd pagination and sorting to the EventsTable component
lesson
New Events FormSleek Next.JS Applications with shadcn/uiCreate a form to allow users to create new events and display them in a table.
lesson
Custom Cells and Interactive RowsSleek Next.JS Applications with shadcn/uiCustomize the cells and rows of the table and open a sheet showing the event details when the user clicks on the title.