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...
    
    Up & Running with Chakra UI
    
      
  
  
        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).