The Structure of the React Hello World Application

We'll look at the App.js implementation of the React "Hello World!" app. There is a single component which is using a tech prop to display "React".

The React app we’ll be working with has been bootstrapped with create-react- app. Thus, the structure of the app is one you’re already used to.

You may grab the repo from Github if you want to follow along - which I recommend. Move into the “hello-redux” and run the application using:

npm start

There’s an index.js entry file that renders an < App /> component to the DOM. The main App component comprises of a certain < HelloWorld /> component.

This < HelloWorld /> component that takes in a tech prop, and this prop is responsible for the particular technology displayed to the user.

For example, < HelloWorld tech="React" /> will yield the following:

Get hands-on with 1200+ tech skills courses.