Компонент React

Я так понял, что применительно к сайтам Gatsby, компонентом React являются html-теги. Хотя нет, вроде бы речь об элементах. Компонент React состоит из элементов. Элементами как раз могут быть html-теги.

Компоненты — это элементы, части из которых состоят сайты. Я понял это так, что, в контексте сайтов, компоненты содержат кусочки html-кода. Всё для того, чтобы

Если React — это библиотека, то компоненты — это то, что в ней содержится. Проведём аналогию с обычной библиотекой, компоненты — это книжки в библиотеке. Они могут быть разные: толстые энциклопедии, журналы, газеты, брошюры.

В туториале Tutorial- Learn how Gatsby works написано, что компонент — это функция, которая возвращает элемент React. То есть у нас уже целых три термина, которые я не понимаю: компонент, функция и элемент. Компонент пытаются объяснить, а функцию и элемент я не знаю, что это такое. А элемент React — это объект, который React использует для визуализации, хотя тут render — это создание, наверно, значит, элементов DOM. То есть у нас теперь ещё DOM.

В журнале Код пишут, что функция — это мини-программа внутри основной программы, которая делает какую-то одну вещь. То есть, это опять же кирпичик из которых складывается что-то большее. И этот кирпичик можно использовать многократно. То есть не писать каждый раз код на несколько строк, а сделать из этого функцию и вставлять в нужном месте.

Значит, компонент React — это мини-программа, которая выполняет определённую вещь: ты говоришь, что тебе нужно, а она возвращает тебе элемент. С этим чуть понятнее. Теперь возвращаемся к элементу.

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

Надо с DOM разобраться. Элементы DOM и это всё. DOM — это древовидная модель страницы сайта, типа аутлайн-списка. И каждый блок в этом списке — это элемент.

То есть, в библиотеке ты идёшь к библиотекарше, говоришь «Мне нужна Война и мир». Библиотекарша идёт в хранилище, достаёт «Войну и мир» и приносит тебе.

Не совсем. Надо другую аналогию. И начинать надо с DOM.

Компонент — это основная сущность React.

Компоненты могут состоять из других компонентов. Это называется композиция.

[[ Как создать компонент React ]].