Советую просто не торопиться при обучении. Если мозг не справляется с таким объемом информации, то этот объем надо уменьшить. Нельзя впихнуть невпихуемое. Простите за каламбур.
Максим, производительность может падать, если происходит множественная перерисовка одного или нескольких компонентов. Это можно проверить через обычный console.log поставленный в методе render нужного компонента.
Aleksei Podgaev, вот например здесь в третьем ответе очень точно описано, что такое DOM:
The Document Object Model (DOM) is a language-independent model made up of objects representing the structure of a document. HTML is one language for writing such documents.
Объектная модель документа (DOM) это независимая от языка модель, состоящая из объектов представляющих структуру документа. HTML это один из языков для написания таких документов.
Aleksei Podgaev, я вам возможно открою Америку, но шаблон с разметкой, теги и атрибуты не являются DOM.
Шаблон, теги и атрибуты это просто текст, разметка. Но DOM это не разметка и не текст, а внутреннее представление вашей разметки браузером в виде объектов, имеющих программный интерфейс для доступа к этим объектам и манипулирования ими. Например document.getElementByID это часть DOM, которая предоставляет средства для доступа к свойству id какого-либо объекта в DOM.
Так вот, все что я хотел сказать, это то, что в React, Angular и т.п. не обязательно знать, что такое document.getElementByID и подобные методы, чтобы отрендерить страницу. Но вы в силу своего незнания разницы между HTML и DOM неверно интерпретировали мой комментарий.