11 библиотек (наборов компонентов) для React, о которых стоит знать в 2018-м

[Tauyekel]

Стоит в названии статьи указать что все библиотеки это наборы компонентов, как это указано в названии оригинальной статьи

[Prometheus]

А потом, при использовании разработчиками этих библиотек, все проекты выглядят как братья близнецы…

[Subotinn]

А как было и есть с bootstrap? Все сайты на одно лицо.
Мы выбрали Semantic-UI из-за возможности кастомизировать компоненты и создать собственные темы для компонентов.

Также при выборе Semantic, рассматривались следующие наборы компонентов, может кому пригодится:
Material-UI
Ant Design
Blue Print JS
Fabric (Microsoft)
React MD

[Listrigon]

А как вы живете с Semantic, если там нету Date/Time picker'ов?

[vshmidt]

никто не отменяет возможность кастомизировать с помощью SASS как напрмер например в Bootstrap CSS

[k12th]

1. React Material-UI

Помойка плохо настраивающихся и плохо интегрирующихся компонентов с неочевидными параметрами. Все стили инлайновые, классов нет, поэтому кастомизировать внешний вид очень трудно, особенно если не использовать CSS-in-JS. Трахался с ним год на трёх проектах, крайне не советую.

1. React Virtualized

Тупо таблицы и больше ничего — сортировку, фильтрацию, пагинацию, форматирование, заголовки, ширину колонок и таблицы (Autosizer — попросту дурная шутка) — все надо писать самому. Плюс проблемы во flexbox-контейнерах (в 2017 году). Так же крайне не советую, возьмите ag-grid (очень мощно, но крутая кривая обучения) или react-table (гораздо проще, но тоже очень гибко).

[vasIvas]

Сам очень не люблю притираться к готовым ui библиотекам, но с material-ui (правда material-ui@next) вообще трудностей не испытал. от withStyles кстате отказался. И если кастмизация выходит зарамки поменять цвет, то мне кажется не существует такой библиотеки, которая бы во всем была податлива.

[SPAHI4]

Про старую версию material-ui скажу то же самое, а новая очень крута.

[Listrigon]

Но next же еще даже не в релизе, Date/Time picker там не починен, надо пользовать что-то внешнее, да и требование к IE =11 не всем подойдет.

[phantomit]

Сейчас смотрю в сторону react-table, и есть проблемы с совместным использованием immutable.
На малейшее изменение, делается повторный ререндер всех строк таблицы, что ведет к ужасному перформансу.

[andrewQwer]

Если взглянуть на статистику по React, возникает ощущение, что популярность этого фреймворка постоянно растёт.

React все-таки библиотека, а не фреймворк.

[neomichi]

vue — рулит-

[Valery4]

Спасибо, буду знать.

[knight]

ExtReact

[cbone]

Sencha крутые чуваки, но ценник у них высоковат.

[Listrigon]

Material-UI — стильно красиво, но 0.xx наверное скоро умрет, а 1.xx еще не в релизе + требование IE11 + пока проблемы с Date/Time picker.
Ant Design — большой выбор компонентов, практически на все случаи, но менее стильные.
Fabric (Microsoft) — тоже стильно, но нету TimePicker, нету Table хоть в каком-то виде.
React MD — тоже стильно, на первый взгляд не хватает Modal.

Вообще в первую очередь смотрю, чтобы были все основные компоненты, чтобы не пришлось искать их где-то еще.

[matsuhito]

а что посоветуете? сами чем пользуетесь?

[Listrigon]

На рабочем проекте у нас сейчас исторически «с миру по нитке».
А сам пока еще приглядываюсь и не выбрал, что можно использовать дальше, но пока для себя все-же фаворит это Material-UI: Большой набор контролов, вроде бы все есть что надо, достаточно красиво, хорошие тайпинги для Typescript'a. Но если конечно смиримся с тем, что полноценно IE только 11.

[Mox]

На этом фоне просто прорывом смотрится Rambler UI kit
github.com/rambler-digital-solutions/rambler-ui

И достаточно интересно UI kit от Альфа-Лабораторий
alfa-laboratory.github.io/arui-feather/styleguide

Имхо — стоит обратить пристальное внимание, точно богаче возможности чем заворачивание Bootstrap в React

[alex6636]

Моча крутая библиотека, например