Chakra UI - Adding Modular Layout to React App
Offered By: Prodramp via YouTube
Course Description
Overview
Learn how to create a modular layout for a React application using Chakra UI in this hands-on tutorial. Explore the process of designing and implementing a structured layout with components such as header, footer, menu bar, body, and floating panel. Gain insights into effective layout design thinking, combine various modules to set up a main page, and update the master layout (AppLayout) to support your design. Discover valuable Chakra UI tips and tricks for achieving optimal results. Access the full source code on GitHub and leverage Chakra UI's capabilities to accelerate your web application frontend development.
Syllabus
Introduction
Project setup
App layout
App header
App sidebar
Footer
Side Floating Panel
Recap
Taught by
Prodramp
Related Courses
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via MirÃadax React
Udacity