Существует ли библиотека UI компонентов для разработки веб-интерфейсов с использованием HTML, CSS, JS и ReactJS? 

Какие библиотеки ui компонентов могут одновременно работать с html, css, js (без использования react) и быть совместимыми с react? Если возможно, желательно иметь нестилизованную версию компонентов (только функционал). 

У меня есть несколько вариантов:
1. Использовать библиотеку без react и затем расширить ее для работы с react. Но это потребует дополнительных усилий на написание и поддержку "расширенной" версии. Однако, это обеспечит единый дизайн компонентов из коробки для обоих задач, включая прототипирование дизайна.
2. Использовать две разные библиотеки компонентов: одну без react и вторую для react. Но это может привести к наличию различных особенностей и некоторых отсутствующих компонентов в разных библиотеках. Кроме того, при прототипировании (например, в фигме) возникнет необходимость использовать две разные версии дизайна компонентов.

Теги вопроса: он содержит html, css, js и react, поскольку он относится ко всем они. Если удалить тег react, вопрос, вероятно, не будет охватывать людей, использующих ui компоненты для react, и наоборот.
  • 20 сентября 2023 г. 8:37
Ответы на вопрос 2 
Да, существуют такие библиотеки UI компонентов, которые могут работать как с простым HTML, CSS и JS, так и с ReactJS.

Некоторые из таких библиотек включают:

1. Bootstrap: Это одна из самых популярных библиотек для разработки веб-интерфейсов, которая предоставляет широкий набор стандартных компонентов, таких как кнопки, формы, модальные окна и т.д. Она может быть использована как самостоятельно, так и с ReactJS. Для работы с ReactJS можно использовать дополнительные пакеты, такие как react-bootstrap или reactstrap.

2. Material-UI: Это библиотека компонентов, основанная на Material Design от Google. Она предоставляет широкий набор стилизованных компонентов, таких как кнопки, карточки, выпадающие списки и т.д. Она имеет как обычную версию для работы с HTML, CSS и JS, так и специальную версию для работы с ReactJS.

3. Semantic UI: Это ещё одна популярная библиотека, которая предоставляет большой набор готовых компонентов с хорошо определёнными классами, что делает их легко настраиваемыми с помощью CSS. Она может использоваться как отдельно, так и с ReactJS, используя пакеты, такие как react-semantic-ui.

Конечно, при использовании библиотек компонентов без React вы можете столкнуться с определёнными различиями при интеграции с ReactJS. Чтобы минимизировать эти различия, придётся расширить выбранную библиотеку для работы с ReactJS или использовать её дополнительные пакеты под Реакт основную библиотеку компонентов.
Например, использование как bootstrap, так и react-bootstrap в одном проекте может быть нецелесообразным, так как это может вызывать проблемы совместимости и повышать сложность разработки. Лучше выбрать одну библиотеку и использовать ее для стилизации и функциональности вашего проекта.
Похожие вопросы
    Показать ещё