ой, в класс, а не в конструктор

Так он есть

моя запись чуть отличается от вашей

На 7 строке. Мне кажется это что-то похожее

похоже, но разное

про геттеры и сеттеры гляньте

@grimezxc благодарю, пойду гляну )))

)

Я начинаю изучать React, подскажите пожалуйста как все работает. Допустим у нас приложение ютуб на реакте. у нас 3 компонента на главной странице (для упрощения). когда пользователь открывает страницу, то работает так: app комп-нт запускается, потом рендерит комп-т 1, после 2, после 3 ? код компонентов 1 2 3 синхронно запускается?

все зависит от вложенности компонентов.
<App>
<Header />
<Sidebar />
<Content />
</App>

Так будет грузиться параллельно.

<App>
<Content>
<Header />
<Sidebar />
</Content>
</App>
Так сначала рендерится Апп, который рендерит контент и т.д. по иерархии

Плюс каждый компонент принимает пропсы, которые прокидываются сверху вниз. И в зависимости от изменения пропсов, компонент может перерендериваться независимо от остальных.

начинаю понимать, спасибо. если нам допустим нужен Sidebar на странице, то мы всегда получается запускаем компонент Sidebar? а он если ему нужно запросит данные с сервера?

Да. Флоу такой. Если компоненту нужны данные, то он их просит. Но тут нужно продумывать композицию компонентов. Должны быть тупые компоненты. которые только рисуют и умные - которые за данными ходят и рендерят тупые.
Все запросы и логику данных желательно выносить в хуки. Или HOCи, если ты на классах пишешь. Но я бы сразу в функциональные компоненты упирался, реакт к этому идет.

получается в реакте все какбы завязоно на вью слой. вью слой диктует последовательность запуска тех или иных модулей нашего приложения. если нам что-то отрисовать нужно, то компонент запускается, а он если нужно запускает свои дочерние компоненты. а как Реакт запускает компонинты на перерендеринг? у него типо евент лупа своего есть что-то подобное?

Реакт отслеживает изменение состояния компонента. Дальше он запускает перерендер тех компонентов, которые от того состояния зависят, т.е. получают пропсы со значениями из состояния родителя.
Это не совсем ивентлуп. Помню, когда-то в ангуляре 1 был луп, он там по таймеру проверял. В реакте не так.

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

<DataFetch>
{children}
</DataFetch>
В данном случае компонент DataFetch подгрузит какие-то данные, сохранит их в состояние, а его чилды уже их отрисуют.

хотя наверно это не совсем корректный пример, но примерно так

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

у реакта виртуалдом

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

документация покинула чат?)