Как сделать фильтр для TO-DO-LIST с React-Redux?

Question

Может кто-нибудь сказать мне, как сделать фильтр с помощью React, Redux (redcuers и actions), который показывает пользователю задачи, которые выполнены / active / all? Примеры, которые я нашел в Inte rnet, слишком старые или очень сложные.

Я думаю, мы должны сделать редуктор, как этот:

case SHOW_DONE: {
            return {
                ...state,
                tasks: state.tasks.filter(t => !t.status )
            }
        }

        case SHOW_ACTIVE: {
            return {
                ...state,
                tasks: state.tasks.filter(t => t.status )
            }
        }

// actions
export const showDone = () => ({type: 'SHOW_DONE'})
export const showActive = () => ({type: 'SHOW_ACTIVE'})