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 компоненты - это компоненты, которые не имеют своего визуального представления, Headless компоненты - это компоненты, которые не имеют своего визуального представления, но
но предоставляют нам API для управления внутренним состоянием компонента, предоставляют нам API для управления внутренним состоянием компонента, а также поддерживают
а также поддерживают универсальный доступ из коробки (взаимодействие с помощью клавиатуры, поддержка screen reader'ов и т.д.). универсальный доступ из коробки (взаимодействие с помощью клавиатуры, поддержка screen reader'ов и
Такие компоненты удобно использовать когда у нас есть готовый дизайн и мы не хотим писать всю логику с нуля. т.д.). Такие компоненты удобно использовать когда у нас есть готовый дизайн и мы не хотим писать всю
логику с нуля.
#### Популярные библиотеки headless компонентов #### Популярные библиотеки headless компонентов
- [Radix UI](https://radix-ui.com/) - [Radix UI](https://www.radix-ui.com/primitives)
- [Headless UI](https://headlessui.dev/) - [Headless UI](https://headlessui.dev/)
- [React Aria](https://react-spectrum.adobe.com/react-aria/index.html) - [React Aria](https://react-spectrum.adobe.com/react-aria/index.html)
- [Base UI от MUI (beta)](https://mui.com/base-ui/getting-started/overview/) - [Base UI от MUI (beta)](https://mui.com/base-ui/getting-started/overview/)
Мы будем использовать Radix UI, потому что она предоставляет все нужные нам компоненты и с ней просто взаимодействовать. Мы будем использовать Radix UI Primitives (не Themes!), потому что она предоставляет все нужные нам
компоненты и с ней просто взаимодействовать.
### Материалы для изучения: ### Материалы для изучения: