Какие способы передачи данных между компонентами ты знаешь?

В React существует несколько основных способов передачи данных, каждый из которых решает свою задачу.

Передача через props

Самый базовый и рекомендуемый способ:

• данные передаются от родителя к потомку

• поток данных односторонний

• код легко отслеживать

<Child value={value} />

Обратная передача через callbacks

Для передачи данных снизу вверх:

<Child onChange={handleChange} />

Родитель контролирует состояние, а дочерний компонент сообщает о событиях.

Context API

Используется для:

• передачи данных глубоко в дерево

• избежания prop drilling

Подходит для:

• темы

• локализации

• авторизации

Глобальные state-менеджеры

Применяются, когда:

• состояние используется во многих частях приложения

• требуется сложная логика

• важна масштабируемость

Локальное состояние

Для изолированных данных используют:

• useState

• useReducer

Вывод

Выбор способа передачи данных зависит от области действия состояния. Чем ближе данные к месту использования, тем проще и надёжнее архитектура.