📄️ Зачем нужен React
Библиотека React — это одна из самых популярных библиотек для создания пользовательских интерфейсов (UI) на JavaScript. Она разработана Facebook (ныне Meta) и активно используется для разработки веб-приложений, мобильных приложений (с помощью React Native) и даже десктопных приложений. Вот основные причины, зачем нужна React, её преимущества и недостатки:
📄️ Виртуальный DOM
Механизм работы Virtual DOM и Reconciliation — это ключевые особенности React, которые делают его быстрым и эффективным для обновления пользовательских интерфейсов. Давайте разберём, как это работает.
📄️ Жизненный цикл компонента
Жизненный цикл компонента в React описывает этапы, через которые проходит компонент от момента его создания до удаления из DOM. Эти этапы включают инициализацию, обновление и удаление компонента. React предоставляет методы жизненного цикла, которые позволяют разработчикам управлять поведением компонента на каждом этапе.
📄️ Состояние и пропсы компонентов
В React состояние (state) и пропсы (props) — это два основных способа управления данными в компонентах. Они позволяют
📄️ Базовые хуки React
React предоставляет несколько основных хуков, которые позволяют использовать состояние и другие возможности React в
📄️ Что такое HOC
Higher-Order Components (HOC) — это продвинутая техника в React для повторного использования логики компонентов. HOC — это функция, которая принимает компонент и возвращает новый компонент с дополнительными свойствами или поведением. Это похоже на паттерн декоратора в программировании.
📄️ Хуки оптимизации и кэширования
useCallback, useMemo, React.Memo (HOC)
📄️ Пользовательские хуки
Пользовательские хуки в React — это функции, которые позволяют вам использовать состояние и другие возможности React (например, эффекты, контекст и т.д.) в ваших компонентах, но с возможностью повторного использования логики. Пользовательские хуки помогают избежать дублирования кода и делают его более читаемым и поддерживаемым.
📄️ Render portal
В контексте библиотеки React, Portal (портал) — это механизм, который позволяет рендерить дочерние элементы
📄️ Pure function
Чистая функция не меняет никаких объектов или переменных, которые существовали до её вызова. При указании одинаковых входных данных должен быть всегда один и тот же результат.