Обложка канала

Заметки про React

Короткие и полезные заметки про React

Заметки про React

5 лет назад
Открыть в
Фасад при использовании UI библиотеки Кайл Шевлин делится архитектурным приемом при использовании сторонних UI библиотек: для каждого UI компонента из библиотеки создать компонент-фасад и использовать его в проекте. Например:
import React from 'react'
import { Button as ChakraButton } from '@chakra-ui/react'

export default function Button(props) {
  return <ChakraButton {...props} />
}
Само собой, такой вариант использования UI библиотеки не подходит всем проектам. Иногда, в больших и долгоживущих проектах, бывают изменения в дизайне UI компонента. В этом случае, вариант с использованием фасада облегчает работу над этими изменениями, сведя все изменения в одном компоненте. При использовании фасада также можно: - Легко изменить UI библиотеку. Так как привязка к UI библиотеке только в определенных компонентах, то сделать это гораздо проще, чем без использования фасада. - Добавить или ограничить пропсы UI компонентов. - Переименовать или переназначить пропсы UI компонентов. kyleshevlin.com/how-I-w…-library
How I Would Use a UI Library

UI Libraries are great for having a solid design system to build from. Here's a small architectural decision I would do to make them even nicer to work with.

Kyleshevlin