alex4answ

посмотрите пропсы у react-router, у них есть что-то типа basePath

Если вы хорошо знакомы с Javascript, то достаточно прочесть документацию.
Далее играетесь, создаете пару пет проектов, непонятные вещи ищите в доках, гуглите, задаете вопросы.

Видео можно смотреть только для получения доп. знаний, типа "ого, можно еще и вот так организовать", но никак не для системных знаний.

Расширение для браузера - React Developer Tools

как и без реакт - присваивать класс "анимация", управлять animation style

Почитайте основы react
1. установить значение по-умолчанию: defaultValue="your value"
2. в react односторонний биндинг, когда вы устанавливайте value у input ожидается что он будет обновляться в state, а затем уже у input

использовать ref и в componentDidMount() или useEffect() обращаться к ref.current

const ref = useRef();

useEffect(() => {
  const rect = ref.current.getBoundingClientRect();
});

return <div ref={ref} />;

Как не терять контекст:
1. биндить контекст myFunc.bind(this))
2. Замыкать контекст myFunct = () => {};

В общем, не стоит слепо следовать flux и пихать все в глобальный state (в случае redux).

Если ваше состояние разделяемо - используется несколькими компонентами и тп, то да, его стоит засунуть в state приложение, но если у вас есть форма, и она просто отправляется на сервер - то какой смысл от этих данных в сторе ?

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

в общем, лично я придерживаюсь следующего:

Разделяемо ли это состояние (или мб будет разделяемым) ?
- да => храним в сторе
- нет => храним в локальном стейте

Для меня и подобных мне людей в будущем:
1. Добавляем все метки на карту
2. Получаем bounds у instance карты: myMap.geoObjects.getBounds()
3. Назначаем его instance карты, с опциями для зума, отступов и тп:

myMap.setBounds(
  myMap.geoObjects.getBounds(),
  { 
    checkZoomRange: true,
    zoomMargin: 9
  }
);

Дополнительно к ответу Vladimir Lewandowski .

Я забыл основной посыл связки умный + глупый - Переиспользуемость в том числе между разными проектами.т
Глупый не должен ничего знать о redux и тд, может делать что угодно, если это позволит переиспользовать его в другом проекте, где например не используется redux

Резюмируя ответы, комментарии, сторонние чтиво:

React.memo лучше использовать на компонентах, которые сложнее чем обычный вывод пропсов, где используется какая-то +- сложная логика и повторный рендер с одинаковыми props ощутимо влияет на производительность (например компоненты с построением графиков и тп)

Нет смысла мемоизировать простой компонент:
const Print = ({ text }) => <div>{text}</div>;

1. Потому что не важно где зависимости, react приложение все равно будет собрано webpack и поставляться бандлами
2. Ошибка возникает потому что TypeScript VSCode не использует новые функции Babel, а CRA использует.
Чтобы устранить нужны выбрать версию typescript из workspace