Chakra UI Crash Course Tutorial
Chakra UI is what's known as a component library, for React. It provides us with a huge selection of pre-configured, pre-styled UI components (such as buttons, form elements, grids, toasts, modals & many more), that we can just drop into our own React applications.
It's easy to set up & configure & comes with a lot of options to customize via theme properties and style props. In this crash course you'll get up and running with Chakra UI & see how simple it is to use in React apps.
What You'll Learn...
Available in
days
days
after you enroll
- 1 - Intro & Chakra UI Setup (9:39)
- 2 - Components & Style Props (14:40)
- 3 - Flex Layouts (11:52)
- 4 - Grid Layouts (11:19)
- 5 - Responsive Styles (7:27)
- 6 - Lists & List Icons (6:58)
- 7 - Card Component (16:28)
- 8 - Tabs Component (6:27)
- 9 - Form Fields (11:43)
- 10 - Toast Component (5:09)
- 11 - Avatars (5:13)
- 12 - Customizing the Theme (5:38)
Sign up for Net Ninja Pro
Most popular
Monthly Membership
$9/mo
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Cancel at any time
Yearly Membership
$79/yr
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Save over 25%!
Get your first month half price when you use the code NINJAFLEDGLING. (monthly plan only).