From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Unlock this course with a free trial

Join today to access over 25,200 courses taught by industry experts.

Build the list of properties

Build the list of properties

From the course: Master React 19 and Next.js 16 with Hands-On Projects and Real-World Applications

Start my 1-month free trial Buy for my team

Build the list of properties

“

Our goal in this session is to build a dynamic PropertyList component for your React application. This is the ApplicationComponent tree we built earlier. PropertyList is the component responsible for rendering a list of properties. Each property is represented by the property component. And this is the component tree of the property component. So we are going to build these components step by step. In this session, we'll craft the property list component, the property component, which is a child of property list, and finally the property image component, which is a child of property. We will build other components in the next sessions to keep this one short. Get ready to learn some exciting React techniques! We will need property images to display our rental properties, so I am going to copy an images folder inside the public directory of the React project. Now we have our list of property images ready to use in our project. Moving to app.jsx We currently have the PropertyList…

Contents