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
Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版Udemy Build a Fullstack App from Scratch (feat Next.js)
Frontend Masters Introduction to Next.js 9
egghead.io Build a Modern User Interface with Chakra UI
egghead.io Build a Keyword Extractor: React + OpenAI API + Chakra UI
Traversy Media via YouTube