Андрей Охотников

Вот хороший пример, убери все лишнее и будет то что надо

Храни в стейте значение limit - это количество подгружаемых записей и offset - отступ от начала массива.
Например при загрузке компонента загружаешь limit записей от элемента offset. После загрузки меняешь offset на offset + limit. И при каждой подгрузке элементов повторяешь эту операцию

Раз знаешь python - пиши бек на нем, для фронта возьми vue - он быстрый и его легко освоить, взаимодействие клиент-сервер на graphql

Пробросить компонент можно так

<Carousel>
        <div>
          <p>text</p>
        </div>
</Carousel>

В компоненте Carousel он будет доступен через props.children

Не стоит. Так же как и форма не нуждается в реакте. Реакт нужен для работы с DOM- деревом, для эффективной перерисовки большого количества элементов dom, нет смысла использовать его для формы.
Какую то логику для обработки действий в форме лучше самому написать, чем подключать ради этого react и matherialui

Лучше на 5+ знать php. Если поймешь что без nodejs жить не можешь - тогда учи :) А React это вообще фронтенд, тебе и не надо его знать.
Для общего развития конечно можно недельку покопаться во всем этом, точно пойдет на пользу, но углубляться не обязательно.

const addLink = path => {
  let link = document.createElement("link")
  link.setAttribute("rel", "stylesheet")
  link.setAttribute("href", path)

  document.getElementsByTagName("head")[0].appendChild(link)
}

const templatenumber = 1

addLink('./style' + templatenumber + '.scss')

Приложения разные бывают, может быть простой ui который общается с сервером по rest api, тогда да, все на серверах выполняется. Но бывают случаи когда и логику вносят в приложение и базу данных

Необходимо добавить name after . operator.

Да

Для этго существует отличный инструмент - storybook , пример реализации - библиотека компонентов Альфа банка

Удали у родительского блока класс "active"