Angular는 웹, 모바일 웹, 모바일 애플리케이션, 네이티브 애플리케이션, 데스크톱 네이티브 애플리케이션 등 다양한 플랫폼을 포괄할 수 있는 프런트 엔드 프레임워크로, 수십 년 간의 개발 끝에 Angular를 기반으로 하는 거대한 생태계를 형성했습니다. 또한 수많은 구성 요소 라이브러리.
2021년에 Angular 프레임워크를 사용해 보고 싶다면 다음 Angular 구성 요소 라이브러리가 좋은 선택이 될 수 있습니다!
물론, Angular의 공식 Material 구성요소 라이브러리는 Google의 디자인 시스템 세트입니다. 이 디자인 시스템을 기반으로 공식 및 커뮤니티 모두 웹(
Angular/React/Vue) 및 모바일(Android/iOS/Flutter)을 포함한 다양한 구성 요소 라이브러리를 제공합니다. 그 중 Angular 버전의 Material 구성 요소 라이브러리는 이제 Angular의 공식 구성 요소 라이브러리이므로 Github의 Stars/Forks 수와 NPM의 주간 다운로드 수 모두에서 TOP 1을 차지합니다. . [관련 추천 : "
angular Tutorial2. NG/NGX Bootstrap2.0.0-alpha.0，中间演进了一年多，迟迟没有发布2.0的正式版本，直到第二年12月才发布基于Angular 5的5.0.0
얼마나 인기가 있나요? 일련의 데이터만 봐도 알 수 있습니다.
별 개수
| Vue | 182k | |||||||||||||||||||||||||||||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 167k | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 149k | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 72.5k | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| 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을 사용하는 것이 좋습니다.
세 번째로 추천할 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 |
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 |
다음으로 추천해 드리는 것은 역시 외국 Angular 컴포넌트 라이브러리인 PrimeNG입니다. 첫 번째 버전은 2016년 2월에 출시되었습니다. 출시 시간이 생각보다 길어졌습니다. 공식 자료는 아직 초기 단계입니다.
PrimeNG는 총 90개 이상의 구성 요소로 구성된 매우 풍부한 구성 요소를 갖추고 있으며 현재 시장에 나와 있는 가장 포괄적인 Angular 구성 요소 라이브러리일 수 있습니다.
다음은 PrimeNG의 데이터입니다.
| Indicator | Value |
|---|---|
| Star | 6.7k |
| Fork | 3 .3k |
| NPM 주간 다운로드 | 260,712 |
| 6.2k | |
|---|---|
| 701 | NPM 주간 다운로드 |
| 및 새로운 카테고리 검색 | , Elf Navigationetc . |
|---|---|
| Indicator | Value|
| Star |
위 내용은 2021년에 시도해 볼 가치가 있는 7가지 Angular 프런트엔드 구성 요소 라이브러리를 수집해 보세요!의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
