Что это простыми словами
NG-ZORRO — это набор готовых кирпичиков интерфейса для создания сайтов и приложений на Angular.
Аналогия: представьте конструктор «Лего», где уже есть готовые детали — двери, окна, колёса. Вместо того чтобы вырезать каждую деталь самому, вы берёте готовую и собираете дом. NG-ZORRO даёт разработчику готовые кнопки, выпадающие списки, таблицы, формы — всё уже нарисовано, работает и выглядит единообразно. Остаётся только собрать из них нужную страницу.
Эти готовые элементы разработчики называют «компонентами». NG-ZORRO — это библиотека таких компонентов, созданная по дизайн-системе Ant Design от китайской компании Alibaba.
Официальное определение
Теперь, когда суть понятна, вот как это описывают в вакансиях и документации. Эту формулировку вы встретите у заказчика и в резюме — и теперь будете понимать, что за ней стоит.
«NG-ZORRO — библиотека enterprise-уровня UI-компонентов для Angular, реализующая дизайн-систему Ant Design».
Разберём по словам. «UI-компоненты» — элементы интерфейса: кнопки, меню, формы. «Enterprise-уровень» значит, что библиотека подходит для больших корпоративных проектов: в ней много компонентов, они протестированы и поддерживаются. «Дизайн-система Ant Design» — набор правил оформления интерфейса, созданный Alibaba: какие цвета, размеры, отступы использовать, чтобы всё выглядело единообразно.
Какую задачу решает
Когда разработчик создаёт интерфейс с нуля, он тратит уйму времени на рисование каждой кнопки, настройку выпадающих списков, таблиц. NG-ZORRO убирает эту рутину: бери готовый компонент, настрой под свои данные — и готово.
Вторая задача — единообразие. Когда в проекте работают несколько человек, без общей библиотеки у каждого получаются кнопки и формы разного вида. NG-ZORRO даёт единый стиль: все элементы выглядят как части одного приложения.
Третья задача — адаптивность и доступность. Готовые компоненты работают на разных размерах экрана и учитывают потребности людей с ограниченными возможностями — это сложно делать с нуля.
К какой экосистеме относится
Язык — JavaScript (часто вместе с TypeScript).
Фреймворк — строго Angular. NG-ZORRO создана именно для Angular и с другими фреймворками не работает.
Специальность — frontend-разработчик.
В резюме можете встретить написание «ng-zorro-antd» — это полное название библиотеки, но чаще пишут просто NG-ZORRO.
Чем заменяется
NG-ZORRO — не единственная библиотека готовых компонентов для Angular. Ту же задачу решают Angular Material и PrimeNG. В одном проекте обычно используют что-то одно.
Главное: переход между ними дешёвый. Разработчик, который работал с NG-ZORRO, освоит Angular Material за несколько дней — задача та же, отличается только внешний вид и названия настроек. Это не разные профессии, а разные наборы кирпичиков для сборки одного и того же.
Angular Material — официальная библиотека от Google, выполненная в стиле Material Design. PrimeNG — независимая библиотека с большим набором компонентов. NG-ZORRO выделяется тем, что следует дизайн-системе Ant Design, популярной в азиатских проектах и корпоративных приложениях.
Что не путать
NG-ZORRO ≠ Angular. Angular — это сам фреймворк для создания приложений, NG-ZORRO — лишь одна из библиотек готовых компонентов рядом с ним. Приложение на Angular может прекрасно жить и без NG-ZORRO.
NG-ZORRO ≠ Ant Design. Ant Design — это дизайн-система (набор правил оформления), изначально созданная для React. NG-ZORRO — это реализация этих правил для Angular.
NG-ZORRO ≠ NgRx. NgRx — это библиотека для управления данными внутри приложения, NG-ZORRO — библиотека готовых элементов интерфейса. Они решают разные задачи и часто используются вместе.
NG-ZORRO ≠ Bootstrap. Bootstrap — универсальная библиотека стилей, которую можно подключить к любому фреймворку. NG-ZORRO создана строго для Angular и глубже интегрирована в него.
Насколько это важно при отборе
Короткий ответ: обычно это НЕ повод отбраковывать кандидата.
Самая частая ошибка новичка-рекрутера — искать строго «Angular + NG-ZORRO» и отсеивать сильного разработчика, у которого в резюме указан Angular Material или PrimeNG. Он освоит NG-ZORRO за считаные дни, потому что задача та же. Отсеивая по конкретной библиотеке компонентов, вы теряете хороших людей и затягиваете поиск.
Правильный подход: смотрите, есть ли у кандидата опыт с любой UI-библиотекой для Angular. Если есть — этого достаточно. Если в вакансии жёстко написано «только NG-ZORRO», уточните у нанимающего менеджера, действительно ли это принципиально: часто оказывается, что нет.
Когда всё же стоит обратить внимание: если проект уже использует NG-ZORRO и нужно срочно влиться в работу без обучения, тогда опыт именно с NG-ZORRO ускорит старт. Но это редкий случай, и даже тогда человек с Angular Material разберётся за неделю.
Это общий ориентир. В разных компаниях требования отличаются, поэтому всегда сверяйтесь с текстом конкретной вакансии.