Repolode
alibaba-fusion

alibaba-fusion/next

Корпоративная библиотека React-компонентов для внутренних веб-систем, которая помогает дизайнерам и фронтенд-разработчикам работать с общей темой оформления.

Звёзды
4,682
Форки
597
Открытые issues
268
Последний коммит
7 дней назад

Что это?

@alifd/next — библиотека React-компонентов для создания корпоративных внутренних интерфейсов. Она помогает наладить взаимодействие дизайнеров и фронтенд-разработчиков: дизайнеры могут настраивать внешний вид компонентов и публиковать его в виде npm-пакета с темой, которую разработчики подключают без переписывания UI-кода. Цель — обеспечить единообразный пользовательский опыт и ускорить разработку.

Для работы библиотеки требуется React 16 или новее; react и react-dom указываются как peer dependencies. Компоненты для работы с датой и временем используют moment, который тоже является peer dependency. Библиотеку можно установить через npm, загрузить с CDN как глобальный скрипт и подключить целиком или по отдельным компонентам с помощью babel-plugin-import, чтобы уменьшить размер бандла.

Проект написан на TypeScript и работает в Chrome, Firefox, Edge, Safari, Opera, UC и IE 9 или новее. В документации описаны настройка тем, интернационализация и подключение шрифтов. Библиотеку часто используют вместе с набором инструментов Fusion Design.

Ключевые возможности

  • 01Предоставляет широкий набор React UI-компонентов для внутренних интерфейсов.
  • 02Поддерживает пользовательские пакеты с темами оформления, публикуемые как npm-модули.
  • 03Позволяет подключать библиотеку целиком или отдельными компонентами с помощью babel-plugin-import.
  • 04Содержит руководства по интернационализации и подключению шрифтов.
  • 05Поддерживает загрузку непосредственно в браузер через теги script и link.

Сценарии использования

  • Создание внутренних панелей администрирования и корпоративных систем.
  • Унификация UI в нескольких продуктах, использующих одну дизайн-систему.
  • Публикация дизайнерами брендированных пакетов с темами оформления, которые разработчики подключают без переделки UI.

Быстрый старт

  1. 1

    Установите пакет из npm

    npm install @alifd/next --save
  2. 2

    Импортируйте полную таблицу стилей и компоненты в свой проект

    import '@alifd/next/dist/next.css';

Что важно знать

  • Требуется React 16 или более поздняя версия; версии ниже React 16 не поддерживаются.
  • react, react-dom и moment необходимо установить отдельно в качестве peer-зависимостей.

Темы

Частые вопросы

Что такое next?
Корпоративная библиотека React-компонентов для внутренних веб-систем, которая помогает дизайнерам и фронтенд-разработчикам работать с общей темой оформления. @alifd/next — библиотека React-компонентов для создания корпоративных внутренних интерфейсов. Она помогает наладить взаимодействие дизайнеров и фронтенд-разработчиков: дизайнеры могут настраивать внешний вид компонентов и публиковать его в виде npm-пакета с темой, которую разработчики подключают без переписывания UI-кода. Цель — обеспечить единообразный пользовательский опыт и ускорить разработку.
next можно использовать бесплатно? Какая у него лицензия?
next распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
next всё ещё поддерживается?
Активно поддерживается. Последний коммит в next — 1 нояб. 2026 г..
Для чего можно использовать next?
Создание внутренних панелей администрирования и корпоративных систем. Унификация UI в нескольких продуктах, использующих одну дизайн-систему. Публикация дизайнерами брендированных пакетов с темами оформления, которые разработчики подключают без переделки UI.
Как установить next?
Установите пакет из npm: npm install @alifd/next --save Импортируйте полную таблицу стилей и компоненты в свой проект: import '@alifd/next/dist/next.css';
Где скачать next?
Исходный код и инструкции по установке — на GitHub: https://github.com/alibaba-fusion/next

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты