React

Как устроен React (на примере статьи про эпидемию) — статья в журнале Код.

React — библиотека кода для построения пользовательских интерфейсов. Насколько я понимаю, смысл в том, чтобы разработчику не нужно было каждый раз писать вручную код для повторяющихся задач. Он идёт в библиотеку, берёт нужные кусочки кода и из них складывает готовое решение. Типа Notion или Tilda.

React — это библиотека JavaScript, которую Gatsby использует для создания внешнего вида своих сайтов. С React внешний вид сайта можно создать из маленьких кусочков кода. Такой кусочек называется Компонент React.

Например, вот страница какого-нибудь интернет-магазина. A product page for the Gatsby store site, with different parts of the UI outlined to show how one might break it down into React components. Эта страница состоит из нескольких компонентов: навигации, боковой панели, витрины товаров. React — это готовая библиотека таких компонентов.

Я так понял, что каждый компонент в React — это .js-файл. И страницы в Gatsby — это не html-файлы, а js. Например, index.js — это главная страница сайта. Хотя нет, это не сама страница, а компонент на этой странице же. Но он может включать в себя всю страницу.

Notes mentioning this note

2. Use and Style React Components
https://www.gatsbyjs.com/docs/tutorial/part-2/
A quick intro to React
Для начала, расскажем, что такое [[React]] и [[Компонент React]]. [[Create a page component]] — создадим компонент страницы.
Background Knowledge
Этот туториал создан для людей, которые не знакомы с [[Gatsby]] и [[React]]. Поэтому нужно узнать о некоторых основных понятиях. Не...
Create a page component
В сайтах [[Gatsby]] есть два основных типа компонентов.
React
Как устроен React (на примере статьи про эпидемию) — статья в журнале Код.
Как Gatsby использует React
[[Gatsby]] использует [[React]] для построения страниц и структурирования контента.
Компонент React
Я так понял, что применительно к сайтам [[Gatsby]], компонентом [[React]] являются html-теги. Хотя нет, вроде бы речь об элементах. Компонент...
Объясняй своими словами
Объясняй своими словами
Создание компонента страницы React
В создании компонента [[React]] есть три главных шага:

Here are all the notes in this garden, along with their links, visualized as a graph.