Composing Layouts in React

Name: Composing Layouts in React
Price: 9 USD
Availability: InStock

4h 38m 12s

English

Paid

May 16, 2024

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