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

Kursinnehåll

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 allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 2

Fråga AI

expand
ChatGPT

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

course content

Kursinnehåll

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 allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 2
Vi beklagar att något gick fel. Vad hände?
some-alt