Зачем нужен webpack?

Что не умеет делать таск раннер в 2019, что умеет и хорошо делает вебпак?

Собирать модули.

Установил автопрефиксер и выводит в консоль ошибку как исправить?

Getmanele, специально для подобного контингента оставил ссылку на google translate.

Как исправить ошибку Received `false` for a non-boolean attribute `loading`?

stas_mihailov, значит ищите, того, кто прописал или библиотеку из тех, что используете, в которой он криво прописан по-умолчанию. Еще можете свой код в песочнице опубликовать.

Как исправить ошибку Received `false` for a non-boolean attribute `loading`?

В тексте ошибки прямым текстом написано в чем проблема.

Почему media запросы переставляются при компиляции?

uzi_no_uzi, вообще компилятор less не должен менять местами медиазапросы. Скорей всего, это делает postcss-loader.

Почему media запросы переставляются при компиляции?

uzi_no_uzi,

при вашем подходе я не знаю как такого можно добиться

Посмотрите пример в ответе.

Почему media запросы переставляются при компиляции?

uzi_no_uzi, вы выбрали не самый удачный подход в организации брейкпоинтов. попробуйте мой вариант.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, посмотрите как эта проблема решена в react-redux.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, вам надо передавать в value один и тот же объект, а вы постоянно передаете новый.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, в этом проблема.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, все ясно. Дело в вашем методе обновления состояния. Не сразу увидел, что вы redux не используете. React.memo учитывает обновление контекста. Тут могу посоветовать вместо велосипеда использовать redux, либо попробовать довести его до ума.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, не сразу увидел, что вы redux не используете.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, по поводу getState, тут.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, memo, в вашем случае, надо использовать так:
export default React.memo(Header);
Должно работать.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, а где именно вы пытались использовать memo?

И навскидку вижу ошибку:

const { state, dispatch } = useStore();
const searchInputs = state.inputs.search;

Должно быть:

const { getState, dispatch } = useStore();
const searchInputs = getState().inputs.search;

А по-хорошему:

const { getState, dispatch } = useStore();
const searchInputs = searchSelector(getState());

Деление на "глупые" и "умные" компоненты - плохая идея.

Как отменить перерисовку функциональных компонентов?

Артур Кудашев, что-то неправильно делаете. Выложите код в песочницу.

Как хранить состояние для переиспользуемых компонентов?

Артур Кудашев, да. Обратите внимание на реализацию обработчика onChange

Как хранить состояние для переиспользуемых компонентов?

Артур Кудашев,

class Form extends React.Component {
  state = {
    name: '',
    lastName: '',
    errors: {},
  };
  
  handleChange = e => { /* ... */ };  
  handleSubmit = e => { /* ... */ };  

  render() {
    const { name, lastName } = this.state;

    return (
      <div>
        <div>
          <input name="name" value={name} onChange={this.handleChange} />
          {errors.name && <div>{errors.name}</div>}
        </div>
        <div>
          <input name="lastName" value={lastName} onChange={this.handleChange} />
          {errors.lastName && <div>{errors.lastName}</div>}
        </div>
        <button onClick={this.handleSubmit}>Submit</button>
      <div/>
    );
  };
}

Как хранить состояние для переиспользуемых компонентов?

Артур Кудашев, нет, как в ответе.

Как хранить состояние для переиспользуемых компонентов?

Артур Кудашев, нет. Это надо хранить в компоненте вашей формы.