Please enable JavaScript.
Coggle requires JavaScript to display documents.
React Basics - Coggle Diagram
React Basics
Состояние
Данные, которые React-компонент хранит локально и которые могут изменяться в процессе работы приложения.
-
useState позволяет управлять состоянием в функциональных компонентах.
Возвращает текущее состояние и функцию для его обновления
№5Жизненный цикл компонента
последовательность этапов, которые проходит React-компонент от момента его создания до удаления.
-
Обновление (Updating): Компонент обновляется, если изменились пропсы или состояние.
-
-
-
Иммутабельность
Любое изменение данных не модифицирует их напрямую, а создаёт новую копию с изменёнными значениями.
Вместо изменения существующего объекта, создаётся новый
React использует сравнение объектов (shallow comparison) для оптимизации рендера.
Если объект или массив не изменился, React понимает, что перерендеринг не требуется.
Component
Переиспользуемая часть пользовательского интерфейса (UI)
React-компоненты позволяют разделить интерфейс на независимые, изолированные части, которые можно легко разрабатывать, тестировать и переиспользовать.
JSX
Это синтаксис расширения для JavaScript, который позволяет писать HTML-подобный код прямо внутри JavaScript
JSX не является обязательным для React, но он делает код более читаемым и удобным для работы.
Синтаксический сахар для функции React.createElement
-
Пропсы
механизм передачи данных между компонентами. Они позволяют одному компоненту передавать информацию (например, текст, числа, функции и даже другие компоненты) в другой компонент.
useEffect
хук в React, который позволяет выполнять побочные эффекты в функциональных компонентах.
Побочные эффекты — это действия, которые происходят вне React, например: Запросы к API. Подписки на события. Таймеры. Изменения в DOM.
Без массива зависимостей:
useEffect выполняется после каждого рендера (и первого, и всех последующих).
С пустым массивом зависимостей ([]): useEffect выполняется только один раз, после первого рендера
-