Что использовать для админки на React?

Question

[Илья]

Приветствую!

Имеется сайт, созданный на одной из PHP CMS. У сайта есть публичная часть и админка (предоставляемая CMS).
Появилась задача создать отдельный кабинет для менеджеров. Поскольку кабинет будет содержать всякий "реактивный" функционал (фильтры, сортировки, поиск, всплывающие окна, быстрые действия и т.п.), решили реализовать его в виде React SPA.

Собственно вопрос: есть ли какие-то "стартеры" для таких задач? Или лучше писать с нуля?

Готов рассмотреть альтернативные фреймворки или стеки.

PS Смотрел react-admin. Выглядит как заброшенный проект. Попробовал демо -- выводится криво и жестко тормозит.

Comments

[Владислав Лысков]

проще всего запилить свой интерфрейс на коленке на каком-нибудь MUI

[Илья]

Владислав Лысков, Проще всего для кастомизации и модернизации. Но не для скорости. Верно?

[Владислав Лысков]

Илья, зп счет чего что-то готовое универсальное будет быстрее, чем решение под свои задачи?

[Илья]

Владислав Лысков, речь о скорости разработки.

[Владислав Лысков]

Илья, она зависит от многого

[Дмитрий]

https://ant.design/

Answer 1

[Михаил Р.]

60 Best React Admin Dashboard Templates in 2023
Но я бы с нуля писал, используя Mantine.

Comments

[Kentavr16]

И как mantine в реальной жизни? Баги/недочёты есть? Интересная коллекция, не видел ещё такого.

[Михаил Р.]

Kentavr16, в свое время перешел с materialui на chakraui, затем с chakraui на mantine, т.к. mantine сильно обогнал chakra по количеству бесплатных компонентов и продолжает увеличивать отрыв, так же догоняет chakraui по количеству загрузок в npm.

Баги/недочёты есть?

Были, когда mantine (как и chakraui) использовали emotion (вес, производительность, проблемы с ssr), но в 7 версии mantine полностью перешел на css modules (emotion можно использовать по желанию). Так же пока что нет официального figma макета (не официалы есть). А в остальном - все замечательно.

Интересная коллекция, не видел ещё такого

В теории, mantine занимает 3 место (наравне с chakraui), среди самых популярных библиотек на данный момент, сразу после materialui и ant.design.

[Илья]

Но я бы с нуля писал

Почему? Интересна аргументация в Вашем конкретном случае.

[Михаил Р.]

Илья, если Вас устраивает конкретный готовый шаблон и Вы не собираетесь в нем много что переделывать, тогда конечно выбор за шаблоном. Если же необходимо будет многие моменты переделывать и использовать данный шаблон в других проектах, то далеко не факт, что выйдет быстрее, чем писать с нуля.

[bit8]

Михаил Р., Прям мой путь почти, materialui потом ant.design потом mantine.

Хотя есть shadcn/ui, но как помне компонентов мало и нету которые мне нужны. В итоге разницы с 0 писать или использовать shadcn не вижу смысла.

[Михаил Р.]

bit8,

Хотя есть shadcn/ui, но как помне компонентов мало и нету которые мне нужны

Именно, но есть еще количество загрузок, которое достаточно точно определяют общую популярность инструмента. И этих загрузок чуть ли не в 10 раз меньше, чем у mantine/chakraui.

[Илья]

А все остальное (роутинг, REST, пагинацию, фильтры и т.п.) пишете с нуля?

[Михаил Р.]

Илья, нет, зависит от того, буду ли я расширять или использовать повторно данный инструмент, если да - то конечно с нуля, если нет, то тут вариативно.

Answer 2

[Илья]

В итоге решил использовать фреймворк Refine.
Для дизайна выбрал библиотеку Antd. Хотел взять Mantine, но она сильно проигрывает Antd в количестве и качестве комплексных компонентов.