diff --git a/pages/lesson-1/chapter-4.ru.mdx b/pages/lesson-1/chapter-4.ru.mdx index 29bacb3..131f943 100644 --- a/pages/lesson-1/chapter-4.ru.mdx +++ b/pages/lesson-1/chapter-4.ru.mdx @@ -4,19 +4,21 @@ ### Теория -Headless компоненты - это компоненты, которые не имеют своего визуального представления, -но предоставляют нам API для управления внутренним состоянием компонента, -а также поддерживают универсальный доступ из коробки (взаимодействие с помощью клавиатуры, поддержка screen reader'ов и т.д.). -Такие компоненты удобно использовать когда у нас есть готовый дизайн и мы не хотим писать всю логику с нуля. +Headless компоненты - это компоненты, которые не имеют своего визуального представления, но +предоставляют нам API для управления внутренним состоянием компонента, а также поддерживают +универсальный доступ из коробки (взаимодействие с помощью клавиатуры, поддержка screen reader'ов и +т.д.). Такие компоненты удобно использовать когда у нас есть готовый дизайн и мы не хотим писать всю +логику с нуля. #### Популярные библиотеки headless компонентов -- [Radix UI](https://radix-ui.com/) +- [Radix UI](https://www.radix-ui.com/primitives) - [Headless UI](https://headlessui.dev/) - [React Aria](https://react-spectrum.adobe.com/react-aria/index.html) - [Base UI от MUI (beta)](https://mui.com/base-ui/getting-started/overview/) -Мы будем использовать Radix UI, потому что она предоставляет все нужные нам компоненты и с ней просто взаимодействовать. +Мы будем использовать Radix UI Primitives (не Themes!), потому что она предоставляет все нужные нам +компоненты и с ней просто взаимодействовать. ### Материалы для изучения: