Basic ReactJS Application

In this post, I will create a basic ReactJS application.
First, create a ReactJS application using the following command.

After that add folders to the project.

Inside the components folder, add StudentList.jsx file and add the content like below.

In the same location, add CourseList.jsx file.

We need to style our UI appropriately. So that, change App.css file like below.

Then we need to change App.js file, which is inside the container folder like below.

Run the application using npm start command. And then you will see a screen like below.

You can find source code in my GitHub repo.