jacqueslenormand redux react todolist github

The state has to be extended by an item when the addTodo action is called.Be sure to put the reducer logic into container components to keep presentational components clean. Each action needs a corresponding reducer. Reducers actually take the current State combine it with the actions and provide a new State.

The action comes from clicking on a link to display other lists.ĪctionCreators return an actual JavaScript object for your previously designed action-information-loads.

Filter: Needs State for rendering accordingly to the currently set filter.

The action here is to display the status whether an item is completed or not.

TodoList: Needs 1 State for displaying an array of items and 1 state for rendering out accordingly to the filter.

The components allows to add items - that’s the action.

AddTodo: No State is needed, since data doesn’t change based on input.

Revisit your components and think about theirs State and Actions: Also, remember Actions from Redux, which are information loads about events from user interaction. It's data that changes and cannot or should not be passed via props.

In previous articles we learned what State is all about. and additionally a filter component that shows your items accordingly (Filter).a list that renders the todo items (TodoList).If that’s already overwhelming start with the basics. Also decide which components have a presentational function (mainly for presenting data) and which have a container function (providing data and behavior). As always think in React! Have an idea how your app is structured with components. Think about what you want to achieve in your app.

Jacqueslenormand redux react todolist github