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
Watch Online Composing Layouts in React
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 commentsSimilar courses
React and NestJS: A Practical Guide with Docker
Sources: udemy
I'm a FullStack Developer with 10+ years of experience. I'm obsessed with clean code and I try my best that my courses have the cleanest code possible. My teaching style is very...
6 hours 54 minutes 20 seconds
Advanced React For Enterprise: React for senior engineers
Sources: udemy
Welcome to the React for Senior engineers course !! Knowledge of React is 100% required for this course. I've been working with React.js for over 5 years now,
6 hours 4 minutes 5 seconds
MERN Stack - React Node from Scratch Building Social Network
Sources: udemy
Welcome to Become a FullStack / MERN Stack JavaScript Developer from Scratch with React, Node JS and MongoDB. In this course you will Learn React with Node JS f
20 hours 49 minutes 20 seconds
Building Large Scale Web Apps | A React Field Guide
Sources: Addy Osmani, Hassan Djirdeh
CODE SMART, SCALE FAST, CONQUER CHALLENGES. Learn tools and techniques to build and maintain large-scale React web applications. “Building Large Scale Web Apps” is a toolkit to ...
Want to join the conversation?
Sign in to comment