Denioo

Забудь про mapState, mapDispatch, это уже довольно устаревший способ. Используй хуки редакса: useSelector, useDispatch. Там довольно просто все.

todoDelete = async (id) => {
        const { todos } = this.props;

        const newTodoList = todos.filter(item => item.id !== id);

        await this.props.addTodos(newTodoList);
      }

И никакие таймауты не нужны. https://learn.javascript.ru/async-await

Что именно нужно? Инпуты, и батоны? Для этого хоть бустрап прикрути. Если по функционалу, то не вижу проблем спомощью хука useState это сделать. Вы же еще написали что изучаете react и хотите использовать готовое решение?