From the course: Building React and ASP.NET Core Applications

Unlock the full course today

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

Designing the Trips page

Designing the Trips page

From the course: Building React and ASP.NET Core Applications

Start my 1-month free trial

Designing the Trips page

“

- [Instructor] We learned about the key React concepts. But to understand them better, let us go to Visual Code and create our first component and see how all these concepts are tied together. In here, go to the ClientApp folder, then src, components. Now in here, we can either use the components folder to put our JSX files, or we can create a separate folder for trips and then put all the files in there. So let us create a new folder in here, and let's name this folder Trip. Now inside here, let's create our first component named Trips.jsx or we can just leave it js, but let's use jsx. The first thing that we need to do in here is that we need to import the React and the Component from the React library. So for that we write in here import React, and then we import the Component from React. Next, let us define the Component name. The name is going to be export class Trips extends Component base class. Now inside…

Contents