Angular는 웹, 모바일 웹, 모바일 애플리케이션, 네이티브 애플리케이션, 데스크톱 네이티브 애플리케이션 등 다양한 플랫폼을 포괄할 수 있는 프런트 엔드 프레임워크로, 수십 년 간의 개발 끝에 Angular를 기반으로 하는 거대한 생태계를 형성했습니다. 또한 수많은 구성 요소 라이브러리.

2021년에 Angular 프레임워크를 사용해 보고 싶다면 다음 Angular 구성 요소 라이브러리가 좋은 선택이 될 수 있습니다!

1. Angular를 위한 Material Design

물론, Angular의 공식 Material 구성요소 라이브러리는 Google의 디자인 시스템 세트입니다. 이 디자인 시스템을 기반으로 공식 및 커뮤니티 모두 웹(

Angular

/React/Vue) 및 모바일(Android/iOS/Flutter)을 포함한 다양한 구성 요소 라이브러리를 제공합니다. 그 중 Angular 버전의 Material 구성 요소 라이브러리는 이제 Angular의 공식 구성 요소 라이브러리이므로 Github의 Stars/Forks 수와 NPM의 주간 다운로드 수 모두에서 TOP 1을 차지합니다. . [관련 추천 : "

angular Tutorial

"]다음은 2021년 4월 19일 데이터입니다:

IndicatorStar21.4k FORK891,480는 2016년 3월 초에 Angular 2를 기반으로 한 첫 번째 알파 버전을 출시했습니다. 그러나 Material Design for Angular는 최초의 Angular 컴포넌트 라이브러리는 아니지만 나중에 소개할 PrimeNG는 그보다 먼저 탄생했지만 의심할 여지 없이 Material이 가장 인기 있고 인기가 높습니다.

Value
5.7KmNPM 다운로드
	Material Design for Angular

2. NG/NGX Bootstrap2.0.0-alpha.0，中间演进了一年多，迟迟没有发布2.0的正式版本，直到第二年12月才发布基于Angular 5的5.0.0

Bootstrap

은 프런트엔드 개발을 위해 Twitter에서 출시한 오픈 소스 툴킷으로, 반응형 레이아웃, 모바일 장치 개발을 위해 매우 인기 있는 HTML/CSS/JS 프레임워크이기도 합니다. 최초의 웹 앱.

얼마나 인기가 있나요? 일련의 데이터만 봐도 알 수 있습니다.

프레임워크/라이브러리

별 개수

Vue182kReact167k부팅 스트랩 149kAngular72.5k

위 데이터에서 Bootstrap이 Angular 프레임워크보다 더 많은 별점을 갖고 있음을 알 수 있습니다. 이는 Bootstrap의 인기를 보여줍니다. 따라서 Bootstrap을 기반으로 하는 Angular 구성 요소 라이브러리도 매우 인기가 있다는 것을 상상하는 것은 어렵지 않습니다.

Bootstrap을 기반으로 하는 두 가지 주요 Angular 구성 요소 라이브러리가 있습니다.

• NG Bootstrap
• NGX Bootstrap

NG Bootstrap과 NGX Bootstrap은 서로 다른 두 프로젝트 팀의 두 가지 프로젝트입니다. Bootstrap을 사용할 수 있습니다. Angular에서는 jQuery가 없습니다. 주요 차이점은 지원하는 Bootstrap 버전입니다.

• NGX Bootstrap은 Bootstrap 3 및 4를 지원합니다.
• NG Bootstrap은 Bootstrap 4를 지원하고 Angular5+가 필요합니다.

Github Star/Fork 및 NPM 주간 다운로드로 판단하면 꽤 그렇습니다. NG Bootstrap이 약간 우위에 있는 것 같습니다.

metrics	NG Bootstrap	NGX Bootstrap
Star	7.7k	5.3k
포크	1.4k	1.7k
NPM 주간 다운로드	386,485	235,662

버전 출시 시간으로 판단하면 NGX Bootstrap이 더 빠릅니다.

지표	NG 부트스트랩	NGX Bootstrap
첫 번째 릴리스 버전	1.0.0-alpha.0 2016년 7월	1.0.1-beta.2 2016년 1월
첫 번째 공식 버전	1.0.0 1월 2018	1.0.4 2016년 2월

위의 데이터에서 알 수 있듯이 첫 번째 출시 버전이든 첫 번째 정식 버전이든 NGX Bootstrap은 특히 첫 번째 정식 버전 출시 시기가 빠릅니다. , NGX Bootstrap은 NG Bootstrap보다 2년 빠릅니다.

그래서 우리는 NGX Bootstrap이 이전 라이브러리이고 Angular 2+ 및 Bootstrap 3+를 지원할 수 있는 반면, NG Bootstrap은 비교적 새로운 라이브러리이며 이를 사용하려면 Angular 5+ 및 Bootstrap 4+가 필요하다는 것을 대략적으로 이해할 수 있습니다.

프로젝트가 Angular 5+ 및 Bootstrap 4+를 사용하는 새 프로젝트인 경우 NG Bootstrap을 사용하는 것이 좋습니다. 그렇지 않으면 NGX Bootstrap을 사용하는 것이 좋습니다.

3. NG Zorro

세 번째로 추천할 Angular 컴포넌트 라이브러리는 Ant Design 디자인 시스템을 기반으로 한 NG Zorro 컴포넌트 라이브러리입니다.

Ant Design은 Ant Financial의 디자인 언어입니다. 수년간의 반복과 축적을 거쳐 UI 디자인 아이디어는 사실상 많은 프런트엔드 개발자와 기업에서 찾고 사랑받고 있습니다. React 개발을 위한 최선의 선택. 전사의 손에 쥐어진 마법의 무기.

Ant Design의 Angular 구현인 NG Zorro는 Ant Design의 독특한 아이디어와 궁극적인 경험을 계승할 뿐만 아니라 Angular 프레임워크의 장점과 기능을 결합합니다. 컴포넌트의 스타일은 최신 버전의 Ant Design과 동기화되어 유지되며 컴포넌트의 인터페이스도 React 버전의 Ant Design과 일관되게 유지됩니다.

Zorro는 중국에서 가장 인기 있는 Angular 구성 요소 라이브러리이므로 누구도 반대하지 않을 것이라고 믿습니다.

2017년 8월, Zorro는 공식적으로 오픈 소스로 첫 번째 버전을 출시했습니다. 0.5.0-rc.0 1년 간의 진화 끝에 다음 해 6월에 버전 1.0이 출시되었습니다.

Zhihu에 따르면 Zorro의 커뮤니티 반응은 매우 좋습니다: https://www.zhihu.com/question/63992236

다음은 2021년 4월 19일 데이터입니다:

Indicator	Value
Star	7.4k
Fork	2.6k
NPM 주간 다운로드	35,941

4. Nebular

Nebular는 Eva Design 디자인 사양을 기반으로 하는 사용자 정의 가능한 Angular UI 라이브러리로, 40개 이상의 UI 구성 요소, 4개의 시각적 테마, 인증 및 보안 모듈이 포함되어 있습니다.

Nebular에는 40개 이상의 구성 요소가 포함되어 있지 않지만 테마 패키지, 로그인 인증, 역할 인증 관리, 관리 시스템 등과 같은 많은 실용적인 도구가 포함되어 있습니다.

이런 필요성이 있다면 시도해 볼 수 있습니다.

Nebular의 출시 시기는 Zorro의 출시 시기와 매우 유사합니다. 첫 번째 버전은 2017년 8월에 출시되었으며 첫 번째 공식 버전은 다음 해에 출시되었습니다. 그러나 Github Star/Fork 및 NPM의 주간 다운로드 수로 판단하면 Nebular입니다. 약간 작음:

Indicator	Value
Star	7k
Fork	2.6k
NPM 주간 다운로드	17,037

5. PrimeNG

다음으로 추천해 드리는 것은 역시 외국 Angular 컴포넌트 라이브러리인 PrimeNG입니다. 첫 번째 버전은 2016년 2월에 출시되었습니다. 출시 시간이 생각보다 길어졌습니다. 공식 자료는 아직 초기 단계입니다.

PrimeNG는 총 90개 이상의 구성 요소로 구성된 매우 풍부한 구성 요소를 갖추고 있으며 현재 시장에 나와 있는 가장 포괄적인 Angular 구성 요소 라이브러리일 수 있습니다.

다음은 PrimeNG의 데이터입니다.

Indicator	Value
Star	6.7k
Fork	3 .3k
NPM 주간 다운로드	260,712

6은 TeamBition ' Clarity Design

, 하지만 다른 회사의 다른 제품을 혼동하지 마세요.

IndicatorValue

Star6.2kFork18,014

7. DevUI

마지막으로 추천하고 싶은 것은 DevUI Design 디자인 언어를 기반으로 하는 DevUI라는 새로운 국내 Angular 컴포넌트 라이브러리입니다.

DevUI는 엔터프라이즈 미드엔드 및 백엔드 제품을 위한 오픈소스 프런트엔드 솔루션으로 몰입감, 유연성 및 의 디자인 가치를 옹호합니다. >단순화. 우리는 디자이너들이 대다수 사람들의 실제 요구와 디자인을 충족하도록 권장하고 선정적이고 눈길을 끄는 디자인은 거부합니다. 沉浸、灵活、至简的设计价值观，提倡设计者为真实的需求服务，为多数人的设计，拒绝哗众取宠、取悦眼球的设计。

DevUI 是从华为云 DevCloud 研发工具体系孵化出来的，最适合做 ToB 的工具类产品，因为这类产品不追求酷炫的样式，而更在意工具是否稳定、使用起来是否高效，是否能真正让用户忘记工具，在使用工具的过程中达到心流状态。

由于 DevCloud 是研发工具类的产品，场景丰富，这使得孵化于其中的 DevUI 形成了自己独特的优势，DevUI 提供了很多其他 UI 组件库没有的特色组件，比如甘特图、象限图，以及新出的分类搜索、精灵导航等。

DevUI 在 2017年初的时候就已经在 DevCloud 众多业务中使用，经过这许多年，DevUI 已经经受了 DevCloud 大量线上用户的考验，成为稳定、高效、体验流畅的 Angular 组件库。

如果你正在开发 ToB 的工具类产品

DevUI는 Huawei Cloud DevCloud R&D 도구 시스템에서 인큐베이션되었습니다. ToB 도구 제품은 멋진 스타일을 추구하지 않고 도구가 안정적이고 사용하기 효율적이며 진정으로 사용자를 허용할 수 있는지에 더 중점을 두기 때문입니다. 도구를 잊어버리고 도구를 사용하는 동안 흐름 상태를 달성하세요.

701	NPM 주간 다운로드

DevCloud는 풍부한 시나리오를 갖춘 R&D 도구 제품이기 때문에 여기에 포함된 DevUI는 고유한 장점을 가지고 있습니다. DevUI는 간트 차트、사분면 다이어그램 , Elf NavigationDevUI는 2017년 초부터 많은 DevCloud 비즈니스에서 사용되었습니다. 수년이 지난 후 DevUI는 수많은 DevCloud 온라인 사용자의 테스트를 거쳐 안정적이고 효율적이며 원활한 Angular 구성 요소 라이브러리가 되었습니다. ToB의 툴 제품을 개발하신다면 DevUI가 아주 좋은 선택이 될 것입니다! ValueStar

및 새로운 카테고리 검색	etc .
	Indicator

638

🎜Fork🎜🎜106🎜🎜🎜🎜 🎜프로그래밍 관련 지식을 더 보려면 🎜프로그래밍 비디오🎜를 방문하세요! ! 🎜

위 내용은 2021년에 시도해 볼 가치가 있는 7가지 Angular 프런트엔드 구성 요소 라이브러리를 수집해 보세요!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!