update lesson-1 chapter 4 with correct radix link

This commit is contained in:
2024-02-10 18:44:28 +01:00
parent 2b1dc314fc
commit 9b8a08edb7

View File

@@ -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!), потому что она предоставляет все нужные нам
компоненты и с ней просто взаимодействовать.
### Материалы для изучения: