Антон Спирин

Правильно работать с состоянием, а не вычислять его по данным из DOM.
В хранении состояния форм в хранилище Redux нет особого смысла.

1. Вы инкапсулируете модуль Form, но при этом он зависит от глобальных переменных, а не получает нужные параметры при создании экземпляра.
2. Сам объект Form это ни что иное, как наглядная демонстрация антипаттерна God Object . Почему, не имеющий никакого отношения к форме, список является ее частью остается загадкой. Как и то почему в модуле инкапсулировано состояние приложения.
3. Насчет аргумента "e" уже не раз написали. Насколько я понимаю, вы видели на просторах интернета, что так часто называют аргумент функции, но, видимо, не поняли почему. Один аргумент имеет говорящее название user, но и оно вводит в заблуждение, так как на вход ожидается массив пользователей.
4. Почему не использованы возможности ES6 остается загадкой.
5. Попробуйте сами догадаться, что не так с этим отрывком кода.

users.push(this.user);

let lastUser = users[users.length - 1];

6. У вас почти все переменные в методах объявлены свойствами объекта, при том, что в этом нет никакой необходимости и это может стать причиной ошибок в дальнейшем. Почему не использованы локальные переменные остается загадкой.

<a 
  className={filter === 'all' ? 'active' : null}
  onClick={() => setFilter('all')}
>
  All Book
</a>

Стрелочные функции не создают собственный контекст this, а используют this окружающего контекста, того места где они определены. В вашем случае это контекст вызова log. setTimeout просто вызывает колбек по истечению таймера, по аналогии с вызовом f.apply(null [, args]);

Если надо следить за вызовами функции, то можно использовать декоратор:

function decorator(f) {
  return function() {
    f.apply(this, arguments);
    console.log(f.name + ' is called!');
  }
}

function foo() {
  console.log('I am foo!');
}

const bar = decorator(foo);

bar();  // I am foo! \n foo is called!

Если нужен флаг, то можно использовать свойства функции:

function foo() {
  foo.isRunning = true;
  // do something
}

function bar() {
  if (!foo.isRunning) {
    return foo();
  }
  // do something other
}

1. Берем, выводим значение в консоль и смотрим:

var textarea = document.querySelector('.textarea-field textarea');
console.log('tag name', textarea.tagName); //  TEXTAREA
console.log('tag name to lowercase', textarea.tagName.toLowerCase());  // textarea

Думаю, дополнительные комментарии излишни.
Строка используется как ключ для проверки наличия и сохранения сохраненного состояния в sessionStorage.

2. Window.sessionStorage. Читаем первый же абзац и находим ответ на свой вопрос.

3. Чтобы показывать кнопки prev и next при загрузке страницы если есть сохраненные данные и после изменения значения textarea.

4. В 35 строке ошибка. Должно быть:
var arrValue = JSON.parse(sessionStorage[key]);
Насчет остального, надо смотреть требования по заданию, если они есть.

Нет

Отлично подойдет _.set

const obj = {};
_.set(obj, 'user.id', 5);
console.log(obj); // { user: { id: 5 } }

redux-thunk

const AuthRoute = ({ component: Component, render, isSignedIn, ...rest }) => (
  <Route {...rest} render={props => {
    if (!isSignedIn) return (
      <Redirect to={{
        pathname: "/signin",
        state: { referrer: props.history.location.pathname }
      }} />
    );

    if (render) return render({ ...props });

    return <Component {...props} />;

  }} />
);

const mapStateToProps = state => ({
  isSignedIn: isSignedInSelector(state),
});

export default connect(mapStateToProps)(AuthRoute);

<AuthRoute path="/admin" component={Admin} />

Ну и совсем простое решение без переадресации:

<Switch>
  {isSignedIn && <Route path="/admin" component={Admin} />}
  <Route path="/partner/:name" component={Partner}/>
  <Route component={() => <div>page not found</div>} />
</Switch>

const test = config => someAsyncCall().then(bar => ({ ...config, bar }));
const config = { foo: 123 };

test(config).then(console.log); // { foo: 123, bar: 456 };

Так же, можно использовать async/await:

const test = async function(config) {
  const bar = await someAsyncCall();  // returns 456

  return { ...config, bar };
}

(async () => {
  const config = { foo: 123 };
  const newConfig = await test(config);
  
  console.log(newConfig); // { foo: 123, bar: 456 };
})();

axios.defaults.params = {
  'param': paramValue,
};

import qs from 'qs';

const data = qs.stringify({'email': 'bestEmail', 'password':'BestPassword'});

Это корректное поведение консоли, так как отображается один и тот же объект.

https://reactjs.org

1. Почитайте про иммутабельность.
2. Никогда не изменяйте state напрямую.
3. По возможности не делайте bind в render.
4. Рефакторинг не имеет никакого отношения к перерисовке компонента.

createItem(task) {
  this.setState(prevState => ({
    tasks: [
      ...prevState.tasks,
      { name: task, status: false },
    ],
  }));
}

Весь остальной код по-хорошему бы переписать, но то, как это сделать выходит за рамки вашего вопроса.

Внимательно читаем документацию.

static getDerivedStateFromProps(props, state) {
  if (props.data !== state.data) {
    return {
      data: props.data,
    };
  }

  return null;
}

Но, по-хорошему, если данные хранятся в state родителя и изменяются там же, то в большинстве случаев их не надо писать в state дочернего компонента, можно, просто, использовать props.