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.

Getting to know Redux (Theory)

Your First Redux Application

Understanding State Updates with Actions

Building Skypey: A More Advanced Example

Building Skypey: Designing the State Object

Building Skypey: The User Component

Building Skypey: The Empty Screen

Building Skypey: The Chat Window

Building Skypey: Header and Chat Window

Building Skypey: Messaging

The Skypey App

The Structure of the React Hello World Application