nozd up

У тебя могут спросить совершенно разные задачки, из того что мне приходит в данный момент в голову:
- расскажи какие значения свойства position, display ты знаешь
- способы выравнивания элемента по центру

- как работает this в javascript
- как работает прототипное наследование в javascript
- generators, async/await, promises, setTimeouts, что из них раньше выполнится и т.п., расскажи про микротаски
- variable hoisting

- расскажи про HoC, что это такое, где используется
- расскажи про render props
- расскажи про portals
- расскажи про context api
- react component lifecycle hooks
- что такое middlwares, какое у них в принципе назначение, какие знаешь, какими пользовался
- как можно уменьшить количество ререндеров, какие способы оптимизации ты знаешь

- CORS - ?
- ФП vs ООП сравнение, их особенности и сильные/слабые стороны
- composition vs inheritance
- различные вопросы по паттернам, например рассказать про observer, как это работает концептуально
- расскажи про пирамиду тестирования

т.е. обычно идут вопросы в основном на поговорить, чтобы понять что из себя представляет собеседник, ведь на один и тот же вопрос можно ответить совсем по-разному :)

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

Как вариант, использовать эту привычку во благо. Посещать ютуб стало привычкой, теперь нужно культивировать просмотр нужного контента.

Начать стоит с коротких полезных видео по тематике профессии или что-нибудь про софт-скилы. Уверен, что никаких резких изменений не последует, но, культ полезного контента даст плоды.

Вот например, чтобы изучить что-то основательно, нужно курить 3-4 часовые видео + практика, но в реалиях такого энтузиазма мало у кого есть, поэтому, как вариант начать с 5-15 минутных видео. Просто начать.

У меня была точно такая же история, только вместо ютуба я читал тостер)))) Понимая, что не могу с собой ничего поделать, я начал просматривать по 300-400 советов из разных тематик ежедневно в том числе рубрики в которых я полный ноль. А позже я культивировал полезный поиск + сбор полезных материалов, в том числе из комментариев.

Я купил ежедневник, где что-то зарисовываю или записываю о том, что я смотрю и читаю, подстегивая себя к новым знаниям. Это своеобразная медитация. Скептически всегда относился к ежедневникам, но оказалось забавно, как такая штука может якорить и напоминать: не останавливайся, чувак!

В один момент, я понял, что хочу углубляться по вопросам и перескочил с тостера на видео, книги и практику. Начинал так же, с банальных вещей, которые культивировал. Например, что такое цвет? И по 15-20 мин ежедневно что-то читал, смотрел изучал, пока не захотелось это делать по 30 мин в день. некоторые вещи я хочу делать теперь по 3-4 часа в день.

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

Повторюсь, если ты чувствуешь что жизнь идёт как у овоща, начни с примитивнейших вещей и самых простых ежедневных задач. Например, завтра делай всё тоже самое, только посмотри 10 минут видео, которое полезно, например про софт скилы. Завтра снова страдай херней, но снова посмотри 10 минут и так далее. Через месяц-полтора доза увеличиться, а свою привычку ты сможешь использовать во благо.

Мягкие навыки 1
мягкие навыки 2
40 правил философии ответственности обрати внимание на 2 правило
теория психики
рекомендую его заметки

Давай ещё разок: тебе не сжигать мосты нужно, а выжать полезное действие из привычки.

0. Никаких резких перемен не будет.
1. Почитать про софт скилы и что формирует их.
2. Продолжить смотреть ютуб, разбавив ежедневной рубрикой "полезные 15 минут"
3. Окружить себя инфополем текущего уровня, пока не захочется на следующий. А захочется, так как эти 15 минут превратятся рано или поздно в 20, а потом в 30. Культивация полезного действия.
4. Попав на новый уровень, проделать тоже самое.

Культ полезного действия применим к любым жизненным ситуациям. Учиться учиться, учиться правильно читать, искать, серфить, смотреть и слушать. Это тоже навык.

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

Навскидку:
1. В проектах по-хорошему использовать типизацию TypeScript, Flow. PropTypes в таком случае использовать не надо.

2. Тут в коде бессмысленное условие:

render() {
    const { report = {} } = this.props;
    return (
      <Fragment>
        <Head>
          <title>Doctor problem with {report.doctor.name}</title>
        </Head>
        {report && <ReportDetail showDetailButton={false} data={report} />}
      </Fragment>
    );
  }

report у вас существует всегда. Надеюсь понимаете, что пустой объект кастуется в true.

3. Про ESLint/TSLint уже писали.

4. Ваши редьюсеры не имеют ключей состояния. Какой-то запрос может быть в процессе, а ваши компоненты об этом не знают.

5. Логику работы с куками лучше вынести в actions.

6. Нет смысла разделять импорты отступами, просто соблюдайте очередность и смотрите пункт 3.

7. Компонент __app можно декомпозировать.

8. Неясно зачем тут геттер
get renderReports() { /* ... */ }

9. Для сортировки можно использовать меморизацию.

10.

handleChange = (e, key) => {
    const value = e.target.value;
    this.setState({
      [key]: value,
    });
  };

<Input
  id="outlined-name" //  зачем?
  placeholder="Problem Summary"
  value={reportTitle}
  onChange={e => handleChange(e, "reportTitle")}
/>

Можно заменить на:

handleChange = e => {
    const { name, value } = e.target;
    this.setState({
      [name]: value,
    });
  };

<Input
  id="outlined-name" //  зачем?
  placeholder="Problem Summary"
  name="reportTitle"
  value={reportTitle}
  onChange={handleChange}
/>

11. /components/ReportDetail/constants.js зачем?

12. Где-то запросы в экшенах, где-то в компонентах.

Не знаком с next.js поэтому ничего объективного по организации кода сказать не могу, так как не до конца понимаю как этот фреймворк работает. Вижу, что авторизованных запросов пока нет. Запросы к API у вас будут происходить только на стороне клиента?

Похоже, это скомпилированный в типа-бинарный формат скрипт для какого-то из Adobe'овских продуктов.
Попытка реверса из 2014-го.

Кто-то написал конвертер JSXBIN в JSX. На github его давно удалили по требованию Adobe.

Сохранились исходники на C#, компилировать самостоятельно.

Вечер добрый.
Вы не тупой, в ангуляре существует модуль роутинга.
Да, ангуляр сам получает событие изменения адресной строки, и, согласно вашему коду, на него реагирует.
Ответы:

1. Да, сервер, в случае SPA просто отдает данные из БД а если роут ему неизвестен - просто отдаст index.html, в котором будет бандл angular (или React) приложения, которое развернется и проверит, что написано в адресной строке, может ли это приложение обработать этот запрос. Все таки изначально, при первом запросе url идет до бэкэнда.
2. Ну, если вы не хотите использовать Angular - да, такой подход имеет место быть, вопрос только зачем - современные фреймверки позволяют без боли создавать приложения. не нравится ангуляр - пробуйте React или Vue.
3. Да, ангуляр, как и реакт - для SPA. Не отвечу точно про ВК, судя по всему да, или использует много элементов оттуда.
4. Да, дает, ваш бэкэнд в данном случае (в случае православного простого SPA) превращается в обертку для БД (очень условно, тапками не кидайте, всякое бывает, я знаю).

Используйте Create React App
Все что надо для старта там есть. Ставьте и переписывайте начальный компонент на ваше смотрение