Composing Layouts in React

4h 38m 12s
English
Paid

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 Composing Layouts in React

Join premium to watch
Go to premium
# Title Duration
1 Welcome to Composing Layouts in React 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

Similar courses to Composing Layouts in React

Data Visualization + D3.js

Data Visualization + D3.jssuperhi.com

Category: JavaScript, HTML, CSS, D3.js
Duration 16 hours 48 minutes 54 seconds
CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)

CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)udemyAcademind Pro

Category: CSS
Duration 20 hours 54 minutes 47 seconds
Build a Jira clone

Build a Jira cloneCode With Antonio

Category: React.js, Next.js
Duration 16 hours 26 minutes 4 seconds
Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)

Next.JS with Sanity CMS - Serverless Blog App (w/ Vercel)udemy

Category: React.js, Next.js
Duration 13 hours 5 minutes 9 seconds
Full Stack Advanced React + GraphQL

Full Stack Advanced React + GraphQLwesbos

Category: React.js, GraphQL
Duration 15 hours 43 minutes 10 seconds
REACT ROUTER (v6)

REACT ROUTER (v6)ui.dev (ex. Tyler McGinnis)

Category: React.js
Duration 3 hours 15 minutes 27 seconds
Crack the Frontend Interview with React

Crack the Frontend Interview with Reactzerotomastery.io

Category: React.js, Preparing for an interview
Duration 1 hour 6 minutes 53 seconds
Fullstack ASP.NET Core and React Masterclass | Learnify

Fullstack ASP.NET Core and React Masterclass | Learnify fullstack.io

Category: React.js, C Sharp (C#)
Duration 20 hours 40 minutes 31 seconds