Composing Layouts in React
4h 38m 12s
English
Paid
Course description
In this course we show you how to build complex layouts in React by composing just a few foundational layout primitives. Along the way you will learn modern CSS Layout tools like Normal Flow, Flexbox, and Grid.
Watch Online
0:00
/ #1: Welcome to Composing Layouts in React
All Course Lessons (24)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Welcome to Composing Layouts in React Demo | 02:31 | |
| 2 | CSS In The Age of Components | 02:15 | |
| 3 | Composing Layouts | 05:34 | |
| 4 | Encapsulated CSS | 08:54 | |
| 5 | Normal Flow as Composable Layouts | 08:43 | |
| 6 | CSS Flexbox and CSS Grid as Composable Layouts | 06:28 | |
| 7 | A CSS Reset For Composable Layouts | 05:41 | |
| 8 | Introduction to layout spacers | 02:03 | |
| 9 | The Stack Component | 17:08 | |
| 10 | The Split Component | 14:22 | |
| 11 | Columns and Column Component | 18:26 | |
| 12 | The Grid Component | 11:05 | |
| 13 | InlineCluster Component | 12:28 | |
| 14 | Inline Component | 23:23 | |
| 15 | Introduction to Layout Wrapper Primitives | 02:40 | |
| 16 | The PadBox Component | 13:45 | |
| 17 | The Center Component | 14:28 | |
| 18 | The Frame Component | 20:00 | |
| 19 | The Cover Component | 17:15 | |
| 20 | The Hero Section Revisited | 08:55 | |
| 21 | Introduction to The Settings Pages | 01:33 | |
| 22 | The Menu and Header | 24:11 | |
| 23 | The Main and SideBar | 16:18 | |
| 24 | The Profile Pane | 20:06 |
Unlock unlimited learning
Get instant access to all 23 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
FULL Authentication WITH REACT JS NEXT JS TYPESCRIPT
Sources: udemy
This is simply the best course on the internet if you want to build and deploy the best authentication system that you can take and use in all of your projects
6 hours 52 minutes 28 seconds
![Modern React with Redux [2023 Update]](https://cdnq.courseflix.net/course/thumbnail/modern-react-with-redux-2023-update-1-320x180.webp "Modern React with Redux [2023 Update]")
Modern React with Redux [2023 Update]
Sources: udemy, Stephen Grider
Congratulations! You've found the most popular, most complete, and most up-to-date resource online for learning React and Redux! Thousands of other engineers
37 hours 44 minutes 46 seconds
The Ultimate HTML5 & CSS3 Series: Part 3
Sources: codewithmosh (Mosh Hamedani)
Have you always wanted to learn web development but didn't know where to start? Tired of lengthy, boring and outdated courses? This course is for you. A fun...
5 hours 38 minutes 4 seconds
CSS for JavaScript Developers
Sources: Josh Comeau
Learn CSS confidently with this interactive course designed for JavaScript developers. Understand CSS systems to enhance your web development skills and...