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

Kursinnehåll

Introduction to Redux

Introduction to Redux

1. Getting Started
What is Redux?Why Redux? When to use Redux?Setting up a React-Redux Application
2. Fundamental Concepts
Redux ActionsRedux ReducersRedux StoreStore Dispatch MethodSelectorsRedux Data Flow
3. Redux in Practice
Redux Application Structure Modifying the Template for UseCreating the Redux StoreRedux SliceCreating a SliceUnderstanding SliceUsing Selectors to access StateModifying State by Dispatching ActionsThunk FunctionsRules for ReducersUnderstanding the Counter Application
4. Creating a React-Redux Application
The ApplicationSetting Up the ApplicationCreating the UI SkeletonCreating the Profile SliceCreating the Posts SliceCompleting the Posts featureDisplaying Number of Posts and UsersAdding CSS Styling

book
Setting up a React-Redux Application

It is easy to set up a Redux-based React application using the React-Redux template. cd into an appropriate location and use the following command to create a directory containing a base project and template for React-Redux applications: npx create-react-app my-app --template redux.

It will create a 'my-app' folder containing the project files.

The template can also be found on GitHub.

We can then cd into the 'my-app' folder and start the test server:

cd my-app

npm start

It will either automatically open this page in your default browser, or you can visit the URL 'localhost:3000':

You can play around with the app to understand how it works. The code will be explained in the later chapters.

Also, you can use the codesandbox window below. Sliding from the left edge will reveal the code. After that, you can tap on the three lines at the top left corner to access all project files.

question mark

Select the command for setting up a Redux template React application.

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 4

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
What is Redux?Why Redux? When to use Redux?Setting up a React-Redux Application
2. Fundamental Concepts
Redux ActionsRedux ReducersRedux StoreStore Dispatch MethodSelectorsRedux Data Flow
3. Redux in Practice
Redux Application Structure Modifying the Template for UseCreating the Redux StoreRedux SliceCreating a SliceUnderstanding SliceUsing Selectors to access StateModifying State by Dispatching ActionsThunk FunctionsRules for ReducersUnderstanding the Counter Application
4. Creating a React-Redux Application
The ApplicationSetting Up the ApplicationCreating the UI SkeletonCreating the Profile SliceCreating the Posts SliceCompleting the Posts featureDisplaying Number of Posts and UsersAdding CSS Styling

book
Setting up a React-Redux Application

It is easy to set up a Redux-based React application using the React-Redux template. cd into an appropriate location and use the following command to create a directory containing a base project and template for React-Redux applications: npx create-react-app my-app --template redux.

It will create a 'my-app' folder containing the project files.

The template can also be found on GitHub.

We can then cd into the 'my-app' folder and start the test server:

cd my-app

npm start

It will either automatically open this page in your default browser, or you can visit the URL 'localhost:3000':

You can play around with the app to understand how it works. The code will be explained in the later chapters.

Also, you can use the codesandbox window below. Sliding from the left edge will reveal the code. After that, you can tap on the three lines at the top left corner to access all project files.

question mark

Select the command for setting up a Redux template React application.

Select the correct answer

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

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