В этой статье я расскажу, как выбрать идеальный UI-фреймворк для вашего следующего проекта React. Будучи стажером в SimbaQuartz, я впервые столкнулся с проектом такой сложности. Мне рассказали о требованиях, рабочем процессе и сценариях, которые должны были быть реализованы в проекте.
При разработке такого огромного проекта стояла задача реализовать функциональность, не нарушая внешний вид проекта. Использование UI-фреймворка упростило нашу задачу. Теперь все, что нам нужно сделать, это сделать идеальный и оптимизированный код.
Наши критерии оценки включали:
➔ Разнообразие компонентов
➔ Качество выполнения
➔ Легкость повторного стайлинга
➔ Качество документации
➔ Поддержка проекта
Основными нашими соперниками были:
★ Ant Design Pro
★ Семантический интерфейс
Ant Design Pro
➔ Разнообразие компонентов:
◆ Ant Design Pro имеет огромное количество встроенных компонентов, которые можно импортировать из среды Ant-d.
➔ Качество выполнения:
◆ Красиво выглядящие компоненты имеют множество опций и обладают хорошей совместимостью.
➔ Простота изменения стиля:
◆ Компоненты Ant-D можно изменить, но не требуют капитального ремонта. Стандартного стиля ant-d было достаточно для наших требований.
➔ Качество документации:
◆ Хотя документация представлена на китайском языке, она имеет хороший перевод. И были предоставлены подробные примеры.
➔ Поддержка проекта:
◆ Ant-D Pro имеет около 20 000 звезд на GitHub и имеет хорошую поддержку на Stack Overflow и Github.
Семантический интерфейс
➔ Разнообразие компонентов:
◆ Хороший выбор компонентов, но может потребоваться их дополнение другими (например, выбор даты, фильтрация / сортировка в таблице данных)
➔ Качество выполнения:
◆ Красиво выглядящие компоненты имеют множество опций и обладают хорошей совместимостью.
➔ Простота изменения стиля:
◆ Компоненты легко меняются по стилю. Документация для каждого компонента представлена очень четко.
➔ Качество документации:
◆ Интерактивные примеры каждого компонента, понятная навигация и информация о темах, параметрах компонентов и образцах макетов.
➔ Поддержка проекта:
◆ Имеет около 1500 звезд на github.com и поддерживается участниками Open-Source.
Для вариантов использования нашего проекта Ant Design React кажется наиболее подходящим. Он предлагает большое количество компонентов, каждый из которых довольно прост в использовании и интеграции с другими. Мы быстро создаем прототипы, и Ant идеально подходит для этих целей. Его документация и обширные примеры чрезвычайно полезны для быстрого начала работы.
Однако для всех Ant-D не обязательно лучший вариант для всех: если вам нужна простая тематика, то Semantic UI React может отлично подойти.
Мы довольны Ant Design с тех пор, как начали его использовать, хотя у нас были некоторые проблемы, и мы смогли найти решение либо через документацию, либо через социальные форумы. Просто выбрав одну библиотеку пользовательского интерфейса и придерживаясь ее, вы решите множество проблем, связанных с непротиворечивостью и ошибками, которые могут возникнуть при использовании собственных решений или при выборе отдельных компонентов неизвестно откуда.
Автор: Эдупуганти Нага Венката Саи Сатвик