Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lære Setting Up the Application | Creating a React-Redux Application
Introduction to Redux
course content

Kursinnhold

Introduction to Redux

Introduction to Redux

1. Getting Started
2. Fundamental Concepts
3. Redux in Practice
4. Creating a React-Redux Application

book
Setting Up the Application

We will create a new project using the react-redux template. Open the console and cd into an appropriate location, then create a new project using the command: npx create-react-app post-app --template redux.

Now that the project is set up, we need to remove the default counter application and delete everything in the src folder.

We will create a new index.js file containing the following base code:

js

Since we are also importing a store, we will create a new store.js in a new app folder:

js

Now we can run the app to see a 'Hello World' screen:

However, this is only a setup, there's more to do!

question mark

Which component is the entry point of this React application?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2

Spør AI

expand
ChatGPT

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

course content

Kursinnhold

Introduction to Redux

Introduction to Redux

1. Getting Started
2. Fundamental Concepts
3. Redux in Practice
4. Creating a React-Redux Application

book
Setting Up the Application

We will create a new project using the react-redux template. Open the console and cd into an appropriate location, then create a new project using the command: npx create-react-app post-app --template redux.

Now that the project is set up, we need to remove the default counter application and delete everything in the src folder.

We will create a new index.js file containing the following base code:

js

Since we are also importing a store, we will create a new store.js in a new app folder:

js

Now we can run the app to see a 'Hello World' screen:

However, this is only a setup, there's more to do!

question mark

Which component is the entry point of this React application?

Select the correct answer

Alt var klart?

Hvordan kan vi forbedre det?

Takk for tilbakemeldingene dine!

Seksjon 4. Kapittel 2
Vi beklager at noe gikk galt. Hva skjedde?
some-alt