Фасад при использовании UI библиотеки Кайл Шевлин делится арх | Заметки про React

Фасад при использовании UI библиотеки

Кайл Шевлин делится архитектурным приемом при использовании сторонних UI библиотек: для каждого UI компонента из библиотеки создать компонент-фасад и использовать его в проекте. Например:

import React from 'react'
import { Button as ChakraButton } from '@chakra-ui/react'

export default function Button(props) {
return
}

Само собой, такой вариант использования UI библиотеки не подходит всем проектам. Иногда, в больших и долгоживущих проектах, бывают изменения в дизайне UI компонента. В этом случае, вариант с использованием фасада облегчает работу над этими изменениями, сведя все изменения в одном компоненте.

При использовании фасада также можно:
- Легко изменить UI библиотеку. Так как привязка к UI библиотеке только в определенных компонентах, то сделать это гораздо проще, чем без использования фасада.
- Добавить или ограничить пропсы UI компонентов.
- Переименовать или переназначить пропсы UI компонентов.

https://kyleshevlin.com/how-I-would-use-a-ui-library