Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.Lära Creating the Posts Slice | Creating a React-Redux Application
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
Creating the Posts Slice

Now we will create the posts slice to be able to create, store and display posts. Create a new file called postsSlice.js in the features folder. We will use the createSlice function to create the slice, as we did in the previous chapter.

The slice will have a posts array which will initially be empty, lastID state which will have a value of 0 initially, and a createPost action which will be used for appending posts (in the form of JS objects) to the array in the store.

We also need to export the action, a selector, and reducer.

js

Now that the export is done, we will import it in the store.js to create the slice. The store.js should look something like this:

js

In the next chapter, we will try to make the posting feature functional.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

Avsnitt 4. Kapitel 5

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
Creating the Posts Slice

Now we will create the posts slice to be able to create, store and display posts. Create a new file called postsSlice.js in the features folder. We will use the createSlice function to create the slice, as we did in the previous chapter.

The slice will have a posts array which will initially be empty, lastID state which will have a value of 0 initially, and a createPost action which will be used for appending posts (in the form of JS objects) to the array in the store.

We also need to export the action, a selector, and reducer.

js

Now that the export is done, we will import it in the store.js to create the slice. The store.js should look something like this:

js

In the next chapter, we will try to make the posting feature functional.

Var allt tydligt?

Hur kan vi förbättra det?

Tack för dina kommentarer!

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