From the course: MERN Essential Training (2020)

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Add the main page structure

Add the main page structure

From the course: MERN Essential Training (2020)

Start my 1-month free trial

Add the main page structure

“

- [Instructor] Let's start adding some meat to our application, build the components, and add them to our main app. We'll also add a class component to our main app, where it will manage the state. So the first thing I'd like to recommend to all of those that will develop a lot of applications with React is to add the simple React snippets. And you can get this in the extensions here, and then find it, but what it does, it basically allows you to type a few letters, and get the imports, and create class or functional components fairly quickly. So let's go ahead and use it. What I'm going to do is go into the, I'm going to go into the Player Single and start creating a component. So the first thing I'm going to do is I-M-R to import React, and then what I'm going to do is S-F-C to create a stateless function, like so. So we can call this PlayerSingle and I'm not going to pass any props for now. I'm simply going to do a…

Contents