From the course: React: Design Patterns
Unlock this course with a free trial
Join today to access over 24,400 courses taught by industry experts.
What are layout components? - React.js Tutorial
From the course: React: Design Patterns
What are layout components?
- [Instructor] All right, so the first thing that we're going to talk about are something called layout components. So let's start off with a definition here. Layout components are components in React whose primary concern is helping us to arrange other components that we create on the page. So some examples of this that you're probably familiar with and that we're going to be taking a look at throughout the rest of this chapter are split screens, right? So arranging more than one component in different sections of the page. We also have lists and items, right? So displaying data in a list, this is a surprisingly hard thing to get completely right. And we're also going to take a look at modals, which, as most of you know, are really just content that get displayed over the top of the actual page. So here's the basic idea of layout components and how we're going to go about creating them. Normally, when we create a component, let's say that we're creating a side navigation for our…