Gimir

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

Ну так он работает значит, в чем сложность то? Так в компоненте достается информация из options. Если библиотека не предоставляет возможности переписать дефолтное поведение (как в react-autocomplete например, где нужно прописывать каждое действие вручную для своих данных, типа getOptions, getOptionFromOptions и т.д.), то оставьте это как есть.

Если вам нужна обертка для контроля селекта, можно как вариант использовать react-hook-form, у него есть компонент Controller, который позволяет обернуть селект из MaterialUI, плюс будет меньше рендеров.
Или сделать контролируемый селект.

Я бы лучше использовал React-select, там можно создавать свой option, если в списке нет подходящего.

Посмотри в сторону useMemo(), useCallback() и HOC компонента memo для оптимизации рендеров. Советую использовать react-hook-select для форм, там при редактировании инпутов не происходит лишних рендеров и сама библиотека очень проста в освоении.

Можно, например в асинхронных экшенах, где тебе нужно делать запрос и что-то там еще.

Без практики на нативном js будет очень много моментов где вы будете упираться в стенку, поверьте мне, я это проходил. Прежде чем начать делать что-то на реакте советую закрепиться в нативном js. Кроме основных понятий которы есть во всех языках программирования, нужно иметь хорошее понимание как js взаимодействует с браузером. Приступая к изучению реакта у вас уже должна быть хорошая база практики работы с DOM, обработки событий, работы с запросами и т.д., курсах предполагается что вы это уже знаете.
Советую пройти начатый курс до конца, вместе с практикой, и уже после переходить на реакт.