Что использовать для UI в react SPA?

Question

[Роман]

Для SPA на Angular есть джентельменский набор: bootstrap (css, layout, grid и т.д.) + ui bootstrap (ангуляр директивы для популярных компонентов: табы, переключатели, меню, навигации, модалки и т.д.)

Есть ли такой набор для React.js ?
Я нашел аналог для ui boostrap - material-ui
Что использовать для сетки ? MDL

Прошу помощи )

Answer 1

[Frozen Coder]

https://reactstrap.github.io/ - под бутстрап 4
beta.ant.design - великий китайский фреймворк
nikgraf.github.io/belle/#/?_k=er6dut - под матириал
getessence.io/core - под матириал
https://react.foundation/ - под фоундейшен
react-toolbox.com/#/components - под матириал
https://www.muicss.com/docs/v1/react/introduction - под матириал
elemental-ui.com - под матириал
https://grommet.github.io/ - под матириал
www.material-ui.com/# - под матириал
https://react-bootstrap.github.io/components.html - под бутстрап 3
react.semantic-ui.com/introduction - под семантик
А еще гугл - под всё.

Comments

[Роман]

Что значит под матириал ?

[Frozen Coder]

Роман: https://material.io/
https://ru.wikipedia.org/wiki/Material_Design

[Роман]

нагуглить можно много, тут вы правы, а что вы лично использовали ?

[Frozen Coder]

Роман: лично мне приходится собирать всё по кусочкам и самому, ибо переношу старый корпоративный шаблон на react-компоненты. Тут ведь надо смотреть на конкретный случай. Вы начинаете новый проект или продолжаете старый? Если это был старый проект на бутстрапе и у ваше приложение заточено под него, то выбор из двух библиотек и те под определенные версии бутстрапа, либо брать по кусочкам и писать что-то своё. Матириал мне не нравится из-за их табов и таблиц, хотя тут выбор большой. Мне очень приглянулся семантик, очень функционален, jQuery free, но, увы, он еще активно пилится, хотя сделано уже многое. Этих разных компонентов великое множество, но в них либо чего-то не хватает, либо мне не нравится их апи, вообщем большая тяга к велосипедостроению) Вы же можете писать свои компоненты, а css брать из других проектов, фреймворков и проч. Сетка нужна, конечно, но можно писать своё на флексах, а потом ещё и гриды подтянутся)

Answer 2

[Иван]

Дек react-bootstrap

Answer 3

[Роман]

У меня новый небольшой проект. Хочется чтобы верстка была адаптивной - mobile first, так сказать
Хочется выбрать комплексное решение: стили (сетка) + компоненты, которые на это лягли без особой головомойки

Comments

[Саша Железовский]

если все простое то prime react