Как можно подключить css файл только для одного div на странице?

Если есть возможность править исходный css, можно переделать его в scss обернуть в класс, прогнать через css компилер, подключить результирующий файл, блок к которому нужно применить стили обернуть в класс.
Вопрос теперь, ради чего такое поликостылирование?

Как можно подключить css файл только для одного div на странице?

mahmudchon, Ваши желания с реальностью расходятся. Это так не работает.

Как разместить блоки посредством Flexbox без дополнительных оберток?

Don Puh,
Я привел кусок, который я добавил к вашему коду на codepen

Как разместить блоки посредством Flexbox без дополнительных оберток?

Don Puh, У центрального flex-basis: 100% у остальных 50%

.left,.right {
  flex: 1 1 50%
}
.main {
  flex: 1 1 100%
}

Потянет ли мой ноутбук Блендер?

Даже самой десятке на 8 гигабайтах оперативки будет немного грустно.

Потянет ли мой ноутбук Блендер?

Hanneman, Видимо перед покупкой

Почему при выводе переменных данные не подгружаются?

Иван Шульга,
Читай про жизненный цикл и думай. Вот тебе ьыстрое решение, а понять почему так происходит попробуй сам
<p>{this?.props?.post?.title}</p>
https://developer.mozilla.org/en-US/docs/Web/JavaS...
https://reactjs.org/docs/state-and-lifecycle.html

Как в react/gatsby автоматически выкладывать скомпилированные файлы на хостинг?

Предложеный выше список предполагает хостинг где душе угодно и обновление любой CMS. Все вышеперечисленное - CI/CD системы, часть из них интегрирована с хостингами исходных кодов, для удобства.
Что гитлаб, что битбакет,что гитхаб могут после заливки изменений исходников с мастер собрать проект и залить его на ваш хостинг
https://oncletom.io/2016/travis-ssh-deploy/

Как работают классовые компоненты в React?

Рекомендую переписать Board как раз в виде функции 1) Это понятее 2) Это логичнее
Class based компоненты это старые уроки

В каком софте рисуется подобные анимации?

В любом. 3ds max, Maya, Blender
гуглить character animation
Буквально третья - четвертая ссылка в гугле
https://youtu.be/TjJLIuFKA20

Как выбрать технологию для нового проекта?

Yupiter7575, AngularJS is not Angular

Как выбрать технологию для нового проекта?

Yupiter7575, Ангуляр вышел позже реакта, с чего ему быть устаревшим?

Как выбрать технологию для нового проекта?

Владимир, Если коротко, то Ангуляр как и Реакт - прекрасны в умелых руках, не смоневаюсь что Vue тоже.

Как выбрать технологию для нового проекта?

Yupiter7575, прям любой. А устаревшее что именно?

Как выбрать технологию для нового проекта?

Yupiter7575, О фронтенде в вопосе кстати ни слова, просто три фронт фреймвока перечислено.

Как выбрать технологию для нового проекта?

Yupiter7575, Смешной ты капец

Как боты отправляют письма через CF& если на сайте нет форм?

Чтобы отправить письмо, сама форма не нужна, достаточно чтобы твой сайт мог обработать submit от формы

Почему значения хуков не переприсваиваются?

y0u, А я что написал ? В этом куске кода нет пропсов, нет других переменных в стейте, нужно просто посмотреть пришли фильмы или нет. ДЛя данной конкретной задачи сработает без ефекта, если нужно отследить изменение конкретной переменной, нужен ефект.

Почему значения хуков не переприсваиваются?

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

Почему значения хуков не переприсваиваются?

Alice, Охренительная подсказка, на 5, направление правильное, но реализация мимо
Даниил Чистяков, Почитай внимательно доку про Ефект и про стейт
Идея у Alice правильная, только твой хук оставь как был, а консоль лог в отдельном ефекте выводи, у которого зависимость [films]
Ну или банально вынеси console log из ефекта и просто перед ретурном поставь.

https://reactjs.org/docs/hooks-reference.html