Почему не перерисовывается компонент App при изменении его состояния?

Роман Александрович, так зачем беретесь исправлять если оставляете ключевые ошибки?

Почему не перерисовывается компонент App при изменении его состояния?

Святослав, вы понимаете, что такое иммутабельность?

Почему не перерисовывается компонент App при изменении его состояния?

Роман Александрович, Вы мутируете старый объект состояния и передаете в новое. Нельзя так делать. Это противоречит идеологии react.

Насколько эффективны Codewars и/или CodinGame для практики?

codewars по-началу может быть полезен и интересен. Но с нарастанием сложности задач пользы все меньше, а времени горбишь все больше. ИМХО, попробовать можно, но лучше свободное время тратить на что-нибудь полезное. Многие там решают задачи только ради ранга, затем бросают и никогда не возвращаются. Что не удивительно, тратить специалисту свободное время на бесполезный ярлычок так себе вложение времени.
Все ИМХО, конечно.

Что должен знать системный архитектор?

1. Ищите подходящую вакансию
2. Смотрите список требований
3. PROFIT, теперь вы знаете ответ на вопрос "Что должен знать системный архитектор?"

Почему отрабатывает это событие?

Юра Комаров, ох об этом и не подумал.)

Почему отрабатывает это событие?

Код редьюесра покажите.

Так делать нельзя:

props.tracks.forEach(obj => {
      if (obj.id === track.id){
        obj.name = track.name;
      }
    });

Почитайте про иммутабельность

На каком сайте можно попрактиковать знания HTML/CSS?

HTML/CSS и "знание по веб дизайну" - разные вещи

Почему eslint не вотчит (watch) мои файлы?

Unknown, должен автоматом определять, да.
У меня конфиг обычно .eslintrc без расширения и eslint в зависимостях node_modules. Определяется автоматом.

Почему eslint не вотчит (watch) мои файлы?

Unknown, в PHPStorm ESLint должен быть включен в настройках Preferences > Languages & Frameworks > JavaScript > Code Quality Tools > ESLint .
По VSC не подскажу

Почему eslint не вотчит (watch) мои файлы?

IDE какая?

Как правильно сделать вложенность в react router?

rsoinvi, в таком случае надо использовать this.props.match.url:

<Route path={`${this.props.match.url}/services`} component={Service} />

Демо

Почему this в данном примере указывает на глобальный объект window?

vs1710, она на map не вызывается. Она в map передается аргументом и вызывается внутри.
Можете посмотреть код полифилла тут.

map вызвает колбек с помощью call и если вы не передаете контекст вторым аргументом, в call попадает undefined, который в нестрогом режиме заменяется Window, в строгом остается undefined.

Понятное дело, что стрелочной функции передать контекст нельзя.

Можно ли автоматически нажать на кнопку?

cybernoob,
document.getElementById('btn').click();

Данные с хранилища не вытягиваются с стора. В чем может быть причина?

Максим, в документации хороший пример:

componentDidUpdate(prevProps) {
  // Typical usage (don't forget to compare props):
  if (this.props.userID !== prevProps.userID) {
    this.fetchData(this.props.userID);
  }
}

Как раз в подобных случаях и использовал. Например, при смене пользователя на странице канала через логин popup, подтягиваются мета данные: подписан ли он на канал, следит ли за новостями.

Данные с хранилища не вытягиваются с стора. В чем может быть причина?

Максим, да, этот метод никуда не денется.
Устаревшие методы:
1. componentWillMount, вместо него componentDidMount
2. componentWillUpdate, вместо него componentDidUpdate
3. componentWillReceiveProps, тут альтернатива статический метод getDerivedStateFromProps
Использовать старые методы можно будет до следующей мажорной версии(17).
Но лучше, конечно, по возможности, переписать на новые.

Как сделать пагинацию в reactjs? (без стороних библиотек для компонентов)?

rsoinvi, она особо ничем не будет отличаться от пагинации без использования react/redux, за исключением того, что вместо html у вас jsx, а данные сервера будут храниться в store redux.

Так же нужно чтобы был урл на каждую пагинацию и при перезагрузки, контент должен оставаться таким же

Придется добавить в проект react-router. Читаете при загрузке страницы query параметры и передаете в запрос. По клику на пагинатор обновляете url и через методы жизненного цикла отправляете запрос.

Аналогичная функция lodash _omit?

MaxKorz, это то понятно. _.omit работает также.

Как узнать разницу во времени?

Причем тут React?

Какой стандарт EcmaScript учить, ES6 or ES5?

Антон,

Да как-то странно на собеседовании...

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

Больше спрашивают про прежний опыт и рассказ о себе.

На нормальных интервью оцениваются как soft skills, так и hard skills.

У реактовцев все совсем плохо, да?

Ad hominem