Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lernen The Application | Creating a React-Redux Application
Introduction to Redux
course content

Kursinhalt

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
The Application

The application which we will create is going to be like this:

We will be able to create new posts, and they will appear on the screen accordingly:

Note that the post also mentions Default User as the author. It is from the Name field on the left side.

We can change the name and create a new post, registering that name as a new user and incrementing the Users in the App section.

We can also see the number of posts by a User, and the Total Posts, on the left side.

These are different components, yet they can access data from a single store. This is possible using Redux.

The application is available in sandbox form below:

question mark

Why do we use Redux in this application?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 1

Fragen Sie AI

expand
ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

course content

Kursinhalt

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
The Application

The application which we will create is going to be like this:

We will be able to create new posts, and they will appear on the screen accordingly:

Note that the post also mentions Default User as the author. It is from the Name field on the left side.

We can change the name and create a new post, registering that name as a new user and incrementing the Users in the App section.

We can also see the number of posts by a User, and the Total Posts, on the left side.

These are different components, yet they can access data from a single store. This is possible using Redux.

The application is available in sandbox form below:

question mark

Why do we use Redux in this application?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 4. Kapitel 1
Wir sind enttäuscht, dass etwas schief gelaufen ist. Was ist passiert?
some-alt