Зент ( \ˈцент\ )Это версия реализации React спецификации веб-интерфейса Youzan для ПК, предоставляющая полный набор основных компонентов пользовательского интерфейса и часто используемыхбизнес-компонент. С Zent вы можете быстро создавать страницы с единым стилем и повышать эффективность разработки. В настоящее время у нас есть более 45 компонентов, включаяDesignтак же какSKUи другие полезные бизнес-компоненты. Эти компоненты широко используются в различных ПК-компаниях Youzan, и мы продолжим разрабатывать на их основе более практичные новые компоненты.
Наша цель — стать лучшей библиотекой компонентов React в Восточном полушарии, упрощая и ускоряя разработку React.
1. Характеристики
- Полный набор библиотеки компонентов пользовательского интерфейса, компоненты прошли бизнес-тест похвалы, практичны и надежны.
- Полная документация на китайском и английском языках, каждый компонент имеет подробные описания API и примеры, которые можно запустить.
- Файлы определения типов TypeScript встроены.
- Зент Поддержкапользовательская тема, с помощью инструментов, которые мы предоставляем, вы можете изменить общий цвет библиотеки компонентов на любой цвет, который вы хотите, без изменения кода.
- Библиотека иконок, нарисованных дизайнерами Zan.
- Показатель охвата одним тестом превышает 90%.
- предоставилПлагин БабельАвтоматически загрузить код по требованию, импортировать только файлы JavaScript и CSS и уменьшить размер пунса.
2. Наши преимущества: богатые и практичные компоненты
Ниже приведено простое отображение некоторых компонентов, и мы также предоставляем некоторыеПример проекта, который может помочь вам быстро создать страницу с помощью Zent.
выбор времени
Любой, кто занимался веб-разработкой, знает, что встроенный в браузер компонент выбора времени не только не прост в использовании, но и имеет различные проблемы с совместимостью. Для решения этих проблем Zent предоставляет набор собственных компонентов выбора времени, включая выбор даты, компоненты выбора недели, выбор месяца и выбор интервала времени. Чтобы удовлетворить потребности различных сценариев, выбор временного интервала также обеспечивает два различных режима взаимодействия.
палитра цветов
Как и выбор времени, выбор цвета является проблемой в Интернете, и Zent также предоставляет мощный и удобный компонент выбора цвета.
В дополнение к обычно используемым базовым компонентам, Zent также предоставляет множествобизнес-компонент, разработчики могут использовать эти компоненты для быстрой реализации бизнес-функций.
Редактирование микространиц
Мы также предоставили открытый исходный код компонента редактирования микространицы, который вам нравится, который поддерживает настройку компонентов микространицы, позволяя вам легко писать веб-приложение, чтобы обычные пользователи также могли создавать страницы с динамическими данными.
выбор артикула
Спецификация продукта является очень важным атрибутом продукта.Компонент выбора SKU Zent инкапсулирует логику выбора спецификации продукта, освобождая вас от сложных взаимодействий и предоставляя больше энергии для оптимизации реализации бизнеса.
Выбор провинции и города
Zent также предоставляет компонент выбора провинции/города, обычно используемый при вводе адреса, который реализуется компонентом каскадного выбора. Компонент каскадного выбора можно использовать не только для реализации выбора провинций и городов, но также посредством этого взаимодействия можно реализовать множество вариантов выбора контента с иерархическими отношениями, например, выбор основной бизнес-категории магазина.
Мы продолжим открывать новые полезные бизнес-компоненты на базе Zent, так что следите за обновлениями.
3. Перспективы
Zent по-прежнему имеет много несовершенных функций, таких как еще неАнимационная инфраструктура, Я с нетерпением жду всеобщей критики и помощи в создании все лучшего и лучшего Zent.
Пожалуйста, перейдите к полному кодуGithub, перейдите к руководству пользователяСайт документации.
Эта статья была впервые опубликована вПредложение щуки.