В настоящее время приложения в основном представляют собой интерфейсы для вашей базы данных, и вы не должны тратить их впустую, каждый раз создавая каждый компонент пользовательского интерфейса с нуля!
Существует множество ресурсов, предоставляющих поставщика данных, которые дадут вам полноценное, иногда даже функциональное, веб-приложение.
За последние несколько лет я создал около 10 приложений для панели инструментов с помощью React, используя разные библиотеки, и вот мои уроки:
1# Реагировать администратор
Без сомнения, это самый популярный инструмент панели инструментов React, он предназначен для большего количества приложений B2B, имеет знакомый внешний вид материала Google, и его можно так же просто подключить к службе API в реквизите поставщика данных.
Я работал в компании, которая широко использовала его, и благодаря отложенной загрузке он работал на удивление хорошо даже с большими данными.
Плюсы
- Отличная поддержка
- Знакомый интерфейс
- Легко начать с
Минусы
- Пользовательский интерфейс может быть скучным и не очень настраиваемым
- Создание пользовательского сложного поставщика данных включает в себя более крутую кривую обучения
- Не очень легко отлаживать ошибки конфигурации/поставщика данных
2 # Тремор
На самом деле это очень новая библиотека, и мне понравился ее современный пользовательский интерфейс, она построена поверх Re.
charts и tailwindcss и представляет собой скорее набор компонентов пользовательского интерфейса, чем полную библиотеку панели инструментов, которая также заботится об операциях CRUD, таких как React-admin.
Я недавно создал проект с ним, и мне это нравится.
Плюсы
- Выглядит феноменально
- Небольшой размер пакета
- Охвачено большинство случаев использования в бизнесе
Минусы
- Крайне новый, все еще в бета-версии, не так много поддержки
- Не слишком легко настроить
3 # Муравей Дизайн Про
Ant Design Pro — это бесплатная библиотека пользовательского интерфейса с открытым исходным кодом для создания готовых решений интерфейса администратора для корпоративных приложений.
Библиотека основана на библиотеке пользовательского интерфейса React Umi и Ant Design, поэтому она легко настраивается, хорошо документирована и проста в освоении.
Плюсы
- Поддерживает машинопись
- Огромный пул компонентов пользовательского интерфейса
Минусы
- Стать несколько старым
- Не совсем современный дизайн
- Запутанные документы