Ответ
Работал с React, Vue, Angular. Из популярных UI-библиотек:
- Material-UI (MUI) – для React, часто использовал компоненты вроде
Button,Modal,Table. - Ant Design – мощная библиотека с готовыми решениями для админок.
- Vuetify – для Vue, удобные Material-компоненты.
- Tailwind CSS – не библиотека компонентов, но часто применял для стилизации.
Пример с MUI:
import { Button, TextField } from '@mui/material';
const Form = () => (
<>
<TextField label="Email" variant="outlined" />
<Button variant="contained">Submit</Button>
</>
);Также пробовал Chakra UI, Bootstrap (в связке с React). Предпочитаю библиотеки с хорошей кастомизацией и TypeScript-поддержкой.
Ответ 18+ 🔞
А, ну вот, значит, фронтенд-зоопарк у тебя в резюме! Работал с React, Vue, Angular... Да ты, я смотрю, просто коллекционер фреймворков, блядь! Собираешь, как покемонов — всех перепробовал, чтобы потом сказать: «А я на этом хуй собачий сосал, ничего не работает!».
Из этих ваших популярных UI-библиотек, которые все таскают из проекта в проект:
- Material-UI (MUI) – это для Реакта, конечно, классика. Вечно юзал их
Button,Modal,Table. Удобно, конечно, но иногда такая кастомизация начинается, что проще свою кнопку с блэкджеком и шлюхами написать, ёпта. - Ant Design – о, это для админок, где надо всё и сразу. Мощная штука, там тебе и таблицы с сортировкой, и формы, и графики. Но иногда чувствуешь себя не разработчиком, а сборщиком мебели из Икеи — всё есть, просто соединяй, а потом хуй поймёшь, почему этот шкаф не закрывается.
- Vuetify – для Вьюшников. Удобные Material-компоненты, вроде всё гладко. Но как только захочешь выйти за рамки «материального дизайна» — готовься к танцам с бубном, блядь.
- Tailwind CSS – а вот это, сука, отдельная религия! Не библиотека компонентов, конечно, но я её часто для стилизации применял. Сначала смотришь на эти классы и думаешь: «Да это же пиздец, какой ужасный спагетти-код!». А потом втягиваешься и уже не можешь без него, как без утреннего кофе. Овердохуища классов, зато стилизуешь что угодно, не вылезая из HTML.
Вот, смотри, примерчик на MUI, чтобы ты понимал, о чём речь:
import { Button, TextField } from '@mui/material';
const Form = () => (
<>
<TextField label="Email" variant="outlined" />
<Button variant="contained">Submit</Button>
</>
);Смотри, как просто, блядь! Две строчки импорта — и у тебя уже готовые, стильные контролы. Красота!
Ещё, конечно, пробовал Chakra UI — модно, молодёжно, но надо привыкнуть. И старичка Bootstrap, но уже в связке с React — это когда ностальгия накрывает, или проект старый, и деваться некуда.
А вообще я предпочитаю библиотеки, где можно всё по-своему изгаляться, с нормальной кастомизацией. И чтобы TypeScript-поддержка была, а то без типов сейчас — как без штанов на улице, волнение ебать, что в рантайме вылезет.