Противоречия в установке cookie?

humanIvan, да.

Как соединить recompose с react-redux?

Вы используете инструмент, но при этом сами не понимаете нужен он вам или нет. Я про recompose.
Вы только усложнили компонент и сделали его менее читаемым.

что бы не использовать в компоненте стрелочные функции или .bind(this)

Чего плохого вы видите в стрелочных функциях и bind?

Как пофиксить эти баги в моем мини приложении?

Bhudh, хах. Ошибся. Поправил)

Как пофиксить эти баги в моем мини приложении?

Когда сам ничего не понял, но ответ с абсурдными советами написал.

React: Почему обновляются пропсы? Когда я не обновляю их?

Jun1801, что-то я об этом не подумал

changeHandler = e => {
    const { target } = e;
    const { name } = target;
    const value = target.type === 'checkbox' ? target.checked : target.value;

    this.setState({
      data: {
        [this.state.id]: {
          ...this.state.data[this.state.id],
          [name]: value,
        },
      },
    });
  };

React: Почему обновляются пропсы? Когда я не обновляю их?

Jun1801,

changeHandler = e => {
    const { target } = e;
    const { name } = target;
    const value = target.type === 'checkbox' ? target.checked : target.value;

    this.setState({
      data: {
        [this.state.id]: {
          [name]: value,
        },
      },
    });
  };

Честно говоря, не ясно зачем вы используете структуру data[this.state.id] вместо того, чтобы использовать просто data.

getField, по мне, напрасный метод, который только усложняет ваш код. Лучше просто описать форму в render. Так будет гораздо читаемей и проще будет вносить изменения. Хотя, если вы делаете dashboard, в универсальной форме, конечно, есть смысл.

Где найти пример на TypeScript который сгенерирует вот такой вот js?

SergSuhanov, повторюсь: Код JavaScript полностью совместим с TypeSript.

Где найти пример на TypeScript который сгенерирует вот такой вот js?

Код JavaScript полностью совместим с TypeSript.
Типов для проверки тут нет. За исключением пары возвращаемых значений:

init(): void {
  grid = $('selector').BlaBla();
  helper = $('selector').BlaBla();
},
getResult(): number {
  return 1+2;
},

Вопрос абсурден и некорректен.

Как правильно наследовать роуты в React?

Xaip, у вас не может быть лишь HMR. Как минимум webpack dev server. Гуглите ошибку и ищите решение которое подойдет для вас. В поисковике все есть.

Какую площадку для фриланса выбрать для фронта?

PlasterTom, на позицию Junior Frontend Developer предпочитают целеустремленных, усидчивых, обязательных, умеющих и желающих учиться людей с хорошими знаниями JavaScript, верстки и фреймворка, которые хорошо справились с тестовым проектом и хорошо показали себя на техническом интервью.
Среди соискателей таких людей не много. Обычно это люди, которые ничего не умеют с поверхностными, обрывистыми знаниями, которые написали набор несуразных костылей вместо проекта и потерпели фиаско на интервью, а в IT пошли только из-за денег. Часто, за неимением альтернативы, из этих людей выбирают самого адекватного.
Если вы не такой, то считайте, что конкуренции почти нет. Она, конечно, есть на позиции в известные компании и на позиции с окладами выше рыночных.
Вакансий много, почти каждый день открываются новые и закрываются старые.
Конечно, работодателям гораздо интересней уверенные мидлы, но многие с радостью возьмут хорошего и подающего надежды джуна.

Какую площадку для фриланса выбрать для фронта?

Для начала лучше найти работу в хорошей компании и набраться опыта. В последствии, возможно, предпочтете фрилансу удаленную работу в продуктовой компании.

или для начала лучше поверстать лендинги

Если ваша цель веб-приложения - идите мимо. Но хорошо верстать уметь надо.

Литература для изучения принципов программирования, веб-разработки (PHP, SQL, JS) и английского языка?

Советую, для начала научиться пользоваться поисковиком.

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

а хотелось бы уже сейчас получить пользователей.

Пользователи онлайн транспилера? Зачем он им?

Стоит учить EcmaScrip 8 9, или браузеры их не поддерживают и учить их тоже незачем?

Programmist_Kolxozn1k, посоветую, обязательно хорошо разобраться со стрелочными функциями, каррированием, Promise, async/await, rest и spread, функциями массива map/every/some/reduce/includes/find/filter/sort , модульной системой ES6, классами. Остальное во многом зависит от фреймворка с которым будете работать и стандартов принятых в сообществе или компании в которую попадете.
Со временем лучше изучить JavaScript как можно глубже, чтобы даже если и возникли какие либо вопросы, вы всегда могли в течении пары минут заполнить этот пробел без посторонней помощи.
Обязательно разберитесь с babel и webpack.
Ну и разработчик JavaScript который не понимает прототипного наследования - недоразработчик. Прототипы надо понимать, с ними надо обязательно разобраться, так как они лежат в основе языка.
Заметил многие этим пренебрегают.

Запутался в redux-saga,как нужно правильно dispatch-ить и обрабатывать редьюсером(ассинхроный запрос)?

SecDet, AC и типы лучше описывать в отдельных файлах и импортировать в компоненты:

export const IMAGE_FETCH_REQUESTED = 'IMAGE_FETCH_REQUESTED';

import { IMAGE_FETCH_REQUESTED } from './constraints/images';

export const searchImage = value => ({ type: IMAGE_FETCH_REQUESTED, payload: value });

import { searchImage } from '/actions/images'; 

class ExampleComponent extends React.Component {
  input = React.createRef();

  handleClick = e => {
      this.props.searchImage(this.input.value);
      this.input.value = '';
  };
   
  render() {
    return (
      <Form>
        <Input innerRef={this.input} placeholder='Search' />
        <Button type='button' onClick={this.handleClick}>GO</Button>
      </Form>
    );
  }
}

const mapDispatchToProps = {
  searchImage,
}

connect (null, mapDispatchToProps)(ExampleComponent);

Как выбрать надежный ноутбук?

Нерон Лордов, безусловно. Посмотрите бюджетные производительные модели.

Как выбрать надежный ноутбук?

Нерон Лордов,
"хороший" - качественная система охлаждения, хороший дисплей, материалы, клавиатура etc.
"быстрый" - производительный процессор и материнская плата, ssd, высокочастотная ОЗУ.
Я понимаю, что автор гифки подразумевал несколько другой контекст, но она отлично проецируется и на этот.

Стоит учить EcmaScrip 8 9, или браузеры их не поддерживают и учить их тоже незачем?

sim3x, синонимы же.

Как экспортировать свойства из компонента?

Денис, я вам в соседнем ответе написал, что его нет в классе.
Хотите в объявить в классе, делайте так:

import {uniqueId} from 'lodash';

export class Home extends React.Component {
   static uid = uniqueId();

   // some code..
}

Но uid будет общий у всех экземпляров класса.
Обращаться к нему можно будет только через класс:
Home.uid

Как экспортировать свойства из компонента?

Вы понимаете, что вызов uniqueId() произойдет только при создании экземпляра? И пока он не создан свойства uid в прототипе не существует. Более того это будет не метод, а свойство.