Как сделать логику сайта?

Pavel Pikat,

роутин тут нафиг не нужен

Ну я бы так однозначно не утверждал. Как минимум в макете присутствует кнопка "Подробнее...".

Как мне лучше работать с ответом?

SideWest, это и так понятно :) Вопрос какая именно. Библиотеки для HTTP запросов бывают Promise powered, а бывают на колбеках. Ваша судя по всему из последних.

Как мне лучше работать с ответом?

SideWest, тут все зависит от того, что такое request.

Как сделать логику сайта?

DIGTECH, ну за два дня Angular это лихо. Попробуйте Vue он гораздо проще. Главные, возможно, новые для вас, фишки с которыми надо научиться работать:
1. Глобальное состояние приложения и работа с ним.
2. Клиентский роутинг.
3. Компонентная архитектура. И все что с ней связано, вроде жизненного цикла, локального состояния и условного рендеринга.
4. Взаимодействие с сервером.
5. Серверный рендеринг, если нужен.

Гайд по Vue.
Для серверного рендеринга vue используют фреймворк nuxt.js

Как распланировать обучение?

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

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

kp069, почти все время, что у меня оставалось и почти все выходные. При этом старался гулять хотя бы 5 часов в неделю, ну и раз в неделю видеться с друзьями.

Как распланировать обучение?

Strannyk,

Замеряю

Давайте посчитаем. Возьмем, среднюю по продолжительности тренировку с разминкой и заминкой - 60 минут. Возню у стойки регистрации + переодевания 10 + 10 минут. Получаем 4 часа в неделю - это ваш верхний порог, а мы еще не добавили сюда время на поход в душ, дорогу и сборы.

Первый пункт это лишь рекомендация, основаная на личном опыте, я в свое время отказался от регулярного посещения спортзала в пользу обучения и мне эта мера показалась очень эффективной.

Обучаясь с нуля я, тогда, получил первую работу на должности Junior Android Developer за 7 месяцев, хотя рассчитывал, что на это уйдет 2 года.

Тут каждый сам решает, что для него важнее.

Как распланировать обучение?

Strannyk, тут каждый сам для себя решает, что ему важнее посещать зал или продуктивно учиться.
А на посещение спортзала 3 раза в неделю со всеми издержками(сборы, дорога, раздевалка, тренировка, душ) уходит в среднем 5-9 часов, но никак не 2-4. Если не верите, возьмите в руки секундомер и замерьте.

React как удалить товар?

Вадим Семенников, код покажите, а лучше в песочнице опубликуйте.

Как распланировать обучение?

Strannyk, тут элементарная математика.
В рабочей неделе 120 часов, в среднем у городского жителя уходит: 45 часов на работу с обеденным перерывом, 40 часов на здоровый сон, 5 часов утренний туалет и завтрак, 5 часов ужин, 5 часов дорога. Если остальными повседневными мелочами пренебречь, то сухом остатке имеем +/-20 часов на рабочую неделю или +/-4 часа в день на все остальное. Добавьте сюда посещение спортзала 3 раза в неделю со всеми издержками и получите то, что получите.

ТС в вопросе озвучивает проблему, что посещает спортзал и поэтому приходится заниматься допоздна и не высыпаться.

Как преобразовать этот конструктор ES6 в класический JS? Вручную без Babel?

nathan111777, в React разработке, да и вообще в современной Frontend разработке без знаний современных спецификаций языка и навыков работы с инструментами сборки делать нечего.
Если это коммерческий заказ, то по-хорошему либо от него отказаться, либо заполнять пробелы в знаниях.

"классический JS" это и есть ES5, если что.

React как удалить товар?

Вадим Семенников, в вашем примере productsList, в моем productList. Поправьте и все должно заработать.

Как распланировать обучение?

Strannyk, никто не мешает вам заниматься физической активностью не посещая спортзал. Скорей всего, такая активность будет даже полезней и интересней, а времени отнимет гораздо меньше.

React как удалить товар?

Вадим Семенников,

<button className="btn btn-danger" onClick={() => this.onDelete(product.id)}>X</button>

onDelete(id) {
  this.setState(state => ({
    productsList: state.productsList.filter(product => product.id !== id),
  }));
}

Как преобразовать этот конструктор ES6 в класический JS? Вручную без Babel?

Зачем вам это?

React как удалить товар?

Вадим Семенников,

Со state получается работать нельзя?

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

React как удалить товар?

Вадим Семенников, в этом нет смысла. У вас приходит mock списка товаров. Вы не можете внести изменения в его структуру запросом.

Если просто интересно как удаляются данные из массива состояния, то посмотрите реализацию любого Todo List.

А запросом данные обычно удаляют так:
1. DELETE запрос на сервер.
2. Если ответ 200, удаляем товар из хранилища.

return {
  ...state,
  state.items.filter(item => item.id !== id),
};

3. Древо компонентов перерисовывается, нужный элемент удален.

React как удалить товар?

Вадим Семенников, а у вас на стороннем API есть права на удаление товаров?

Мне данные получается надо передавать файлом?

Нет, не надо.

Почему у history тип any?

miliko mikoyan, нет. Не очень удачный был пример.

Смотрите, RouteComponentProps принимает три типа, у каждого есть значение по-умолчанию:
1. Параметры маршрута. Только если у вас у маршрута есть параметры вы передаете первый тип. По-умолчанию имеет значение {}.
2. Статический контекст. Может использоваться при серверном рендеринге.
3. LocationState. Это полезная нагрузка, которую можно передавать при смене location и получать после перехода.
history.push('/url', { prop: 'value' });

Если вы не используете даже параметров, то просто объявляйте:
RouteComponentProps

Если используете:
RouteComponentProps<{ product: string }>

Многие не заморачиваются и всегда объявляют так:
RouteComponentProps<any>

History является дженериком, так как содержит в себе Location, а Location - LocationState, который может иметь какое-либо значение и может принимать тип этой нагрузки. По-умолчанию она any.

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

Почему у history тип any?

Почему у history тип any?
Почему у history тип History

Опишите без противоречий в чем вопрос и проблема)

Где можно посмотреть статистику текущих актуальных разрешений смартфонов андроид?

sim3x, поправил