Передача props и шаблоны композиции

Цель: передавать данные с помощью свойств, задавать значения по умолчанию и создавать пользовательские интерфейсы с помощью композиции, используя дочерние элементы и слоты.

Свойства — это входные данные, доступные только для чтения, которые передаются от родительского компонента дочернему. Родительские компоненты отрисовывают дочерние с атрибутами, а дочерние читают их через параметры.

• Не изменяйте свойства.
• Повторная отрисовка происходит при изменении свойств или состояния родительского компонента.

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

Композиция собирает пользовательские интерфейсы из небольших частей (дочерних элементов и слотов) и предпочтительнее наследования, поскольку обеспечивает гибкость и ясный поток данных.

Используйте children и именованные свойства, подобные слотам, чтобы настраивать структуру без наследования.

Советы:

• Документируйте имена свойств и значения по умолчанию.
• Предпочитайте небольшие, целевые дочерние элементы и слоты.
• Избегайте глубоких цепочек наследования.

Итоги: передавайте данные через свойства, добавляйте значения по умолчанию с помощью деструктуризации и предпочитайте композицию (дочерние элементы и слоты) наследованию при создании повторно используемых пользовательских интерфейсов.