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

Kursusindhold

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

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2

Spørg AI

expand
ChatGPT

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

course content

Kursusindhold

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

Var alt klart?

Hvordan kan vi forbedre det?

Tak for dine kommentarer!

Sektion 4. Kapitel 2
Vi beklager, at noget gik galt. Hvad skete der?
some-alt