We will now edit the `PostsSection` component to make it functional. First, we need to import the relevant action and selector from `postsSlice` to `index.js`.

```js
import { selectPosts, createPost } from './features/postsSlice';
```

When we click the `Post` button, it should dispatch the `createPost` action with the relevant data. We will store the text of the `textarea` element inside a local state called [text](https://pastebin.com/am8NAhaq).

However, we also need an interface for showing the add posts. For that, we will create a new component called `Posts` and use the `selectPosts` selector to retrieve the posts and display them using the map method.

```js
function Posts(props) {
  const posts = useSelector(selectPosts);
  return (
    <div>
      {posts.map((item) => 
        <div key={item.id}>
          <p>{item.text}</p>
          <p>{item.author}</p>
        </div>
      )}
    </div>
  );
} 
```

We can now show this component inside the [PostsSection](https://pastebin.com/jzzvX71t).

We can further improve the code but creating a new component called `CreatePost` and putting the relevant [code](https://pastebin.com/3L18hxte) into that component to make things more organized.

Currently, the UI might look very rough and simplistic, but we will add CSS styling in the upcoming chapters.

If you try creating new posts they should appear in the form of a list.

Which action is used for creating new posts?

In this course, the user will learn how to use Redux and React to create powerful applications.

In this section we will learn what Redux is, why it is useful, and most importantly when it is useful. We will also learn how to set up a basic react-redux application.

In this section we will go through the fundamental concepts of Redux that are necessary to understand the workings of a Redux application. We will use code examples to understand the concepts and in the following section we will use them practically.

In the previous section we looked at the basic concepts. In this section we use those basic concepts to understand some more complicated concepts and the structure of a Redux application. In the end we will also look at the Counter application to put together all the pieces of our knowledge together.

This chapter is focused on practice hence we will utilize the knowledge we acquired in previous sections to create a practical application using Redux along with React.

Introduction to Redux

Completing the Posts feature