Антон Спирин

npm install делали?

Конечно, lambdatest или популярный browserstack.

1. Адекватность и самостоятельность.
Детальнее: Умение понять суть задачи, чтобы выполнить ее. Самостоятельно решать проблемы - в это слово входит не только то, что возникла проблема - порешал. А умение решить проблемы, которые ты решить не можешь. То есть организовать решение проблемы. Заблочили аккаунт? Выяснить, вызвонить, попинать, чтобы разлочили побыстрее. Не знаешь как решить какую-то техническую проблему - достучаться до куратора. Не сидеть и ждать три дня, пока он вспомнит про твою проблему, а регулярно уточнять. Занят куратор - подойти к другому. Не успеваешь решить в срок - прийти к куратору заранее, а не за час до конца срока.
В общем, чтобы за тобой не бегали.

2. Умение ставить правильные вопросы.
Сперва загуглить, потом задать вопрос для уточнения. В идеале ставить вопросы, на которые ответ будет "да" или "нет", но это я утрирую. Не бояться спрашивать вещи, которые совсем не понимаешь, но тут не нужно ожидать что все будут разжевывать - следует задать вопрос, чтобы понять куда копать. Иногда достаточно знать пару ключевых слов, по которым можно загуглить.

3. Желание учиться.
Не бояться изучить лишнее, потому что "мне же это не пригодится". Умение гуглить по ключевым словам. Не лениться изучать как что-то работает, чтобы понимать почему это происходит. Понимание принципов работы очень сильно увеличивает интуицию.

Приложение на реакте будет работать на клиентской машине. Никаких файлов на клиентской машине прочитать/записать не получится. Схема может быть такой: реакт приложение шлет запрос на бэкенд -> бэкенд считывает данные из файла и отправляет их клиентскому приложению -> данные в клиентском приложении меняются и отправляются назад на бекэнд -> бекэнд записывает файл с новыми данными.

Либо юзать localStorage, но тогда, для json-данные будут разными для каждой машины.

getCitiesOptions = () => {
  const country = +this.state.country;

  return Object
    .entries(cities)
    .filter(n => n[1].country === country)
    .map(([ id, city ]) => <option key={id} value={id}>{city.name}</option>);
}

на youtube

Нет конечно. Доверяйте официальной документации.

Почитайте в доке описание put. Это не блокирующий эффект. Если вам нужен порядок - используйте putResolve.
Также у вас первый и второй yield просто триггерят другие саги. Если у этих экшенов нет других side-эффектов - то проще напрямую вызывать эти саги через yield call. Тогда не будет лишних вызовов под капотом и эффект будет такой как вам надо. И в приницпе это - общепринятая практика.

React.lazy нужен для асинхронной подгрузки компонентов. Использовать можно в случаях когда заранее неизвестно откуда нужно импортить компонент. Собственно в нем и используется асинхронный импорт.

const MyLazyComp = React.lazy(() => import(`Comps/${path}`));

Можно использовать например с react-router для асинхронной подгрузки страниц по требованию.

1. Динамические импорты.
2. Это разные вещи, изучай.

Документацию, поди, не открывал вообще?

class Slider extends Component {
  state = {
    active: 0
  };

  componentDidMount() {
    const { items } = this.props;

    this.timeout = setTimeout(
      () => this.updateActive(this.state.active, 1, items.length),
      5000
    );
  }
  componentDidUpdate(prevProps, prevState) {
    const { items } = this.props;
    const { active } = this.state;

    if (
      prevState.active !== active ||
      prevProps.items.length !== items.length
    ) {
      clearTimeout(this.timeout);
      this.timeout = setTimeout(
        () => this.updateActive(active, 1, items.length),
        5000
      );
    }
  }
  componentWillUnmount() {
    clearInterval(this.timeout);
  }

  updateActive = (active, step, length) => {
    this.setState({
      active: step ? (active + step + length) % length : active
    });
  };
  next = e =>
    this.setState({
      active: this.updateActive(
        this.state.active,
        +e.target.dataset.step,
        this.props.items.length
      )
    });
  goTo = e => this.updateActive(+e.target.dataset.index);

  render() {
    const { active } = this.state;
    const { items } = this.props;

    const { length, [active]: slide } = items;

    return (
      <div>
        <div className="slideshow-container">
          <div className="mySlides fade">
            <div className="numbertext">
              {active + 1} / {length}
            </div>
            <img src={slide.img} />
            <div className="text">{slide.title}</div>
          </div>
          <a className="prev" onClick={this.next} data-step={-1}>
            &#10094;
          </a>
          <a className="next" onClick={this.next} data-step={+1}>
            &#10095;
          </a>
        </div>
        <div className="dots">
          {items.map((n, i) => (
            <span
              key={n.id}
              className={`dot ${i === active ? "active" : ""}`}
              onClick={this.goTo}
              data-index={i}
            />
          ))}
        </div>
      </div>
    );
  }
}

Я посмотрел ваш пост, ваше резюме, ваши ответы к комментариям и у меня один вопрос - вы на кокаине или пытаетесь выдать за навык умение в терминале написать какую-то команду?
Вот серьёзно Angular, Vue, React, да ещё и навыки бэкендера? Создаётся впечатление, что не хватает усидчивости и при изучении какой-то технологии или же решении задач с помощью этой технологии, вы натыкаетесь на проблему, забиваете на технологию и идёте изучать что-то другое, надеясь на то, что проблем больше не будет.
Вы называете своим технологическим стеком слишком большой список, что вызывает недоверие и недоумение.
И ладно бы вам было за 30, так вам всего 23 года с 2мя годами разработки.
И вот эти 2 года - это ведь не странички в трудовой, это не ГПХ какие-нибудь, не резюме это то есть.