React에는 어떤 UI 프레임워크가 있나요?

React의 UI 프레임워크에는 Material-UI(React 기반 UI 인터페이스 프레임워크), React-Bootstrap, Ant-design, Semantic-UI-React, React Desktop, Blueprint, Grommet 등이 포함됩니다.

ReactJS

1에 적용된 UI 컴포넌트 라이브러리입니다. Material-UI

Material-UI는 Google의 Material Design 스타일 UI 인터페이스 프레임워크를 구현하는 React 컴포넌트 라이브러리입니다. 이는 또한 React를 위한 최초의 UI 도구 세트 중 하나입니다. 이를 사용하여 만족스러운 애플리케이션 인터페이스를 빠르게 구축하십시오.

영어 문서: https://material-ui.com
중국어 문서: http://design.1sters.com
Github: https://github.com/mui-org/material-ui

2. React-Bootstrap

React-Bootstrap은 재사용 가능한 프런트 엔드 구성 요소 라이브러리입니다. React-Bootstrap은 ReactJS를 기반으로 Bootstrap을 캡슐화한 라이브러리입니다.

공식 홈페이지: https://react-bootstrap.github.io
중국어 문서: http://react.tgwoo.com
Github: https://github.com/react-bootstrap/react-bootstrap/

3. Ant-design

Ant-design 하면 얼마 전 발생한 '크리스마스 달걀' 사고를 떠올릴 수 있습니다. Ant-design은 Alibaba 팀에서 제작한 ReactUI 구성 요소 라이브러리입니다. 자신만의 독특한 디자인 스타일과 컨셉을 가지고 있습니다. Alipay, Ant Financial 등 많은 Alibaba 프로젝트에서 사용되었습니다. 구성요소화는 품질이 매우 뛰어나며 즉시 사용 가능합니다.

공식 웹사이트: https://ant.design/docs/react/introduce-cn
Github: https://github.com/ant-design/ant-design/

4、Semantic-UI-React

Semantic-UI의 공식 React 컴포넌트

Semantic-UI-React에는 Semantic-UI의 거의 모든 유용한 컴포넌트가 포함되어 있으며 매우 우수한 선언적 API, React 컴포넌트에 대한 약어 props 및 jQuery-Free도 있습니다.

공식 웹사이트: https://react.semantic-ui.com/

5, React Desktop

MacOS Sierra 및 Windows10 데스크톱 스타일용 ReactUI 구성 요소 라이브러리입니다. React-Desktop은 크로스 플랫폼 데스크톱 애플리케이션을 위한 UI 구성 요소로, Mac OS와 Windows 10 모두에서 사용할 수 있는 UI 구성 요소를 찾을 수 있습니다.

공식 웹사이트: http://reactdesktop.js.org/docs/
Github: https://github.com/gabrielbull/react-desktop

6, Blueprint

Blueprint는 일련의 기능을 제공합니다. 일반적으로 사용되는 요소, 패턴 및 웹 상호 작용을 포함하는 ReactUI 구성 요소입니다. 데스크톱 애플리케이션을 위한 복잡하고 데이터 집약적인 웹 인터페이스를 구축하는 데 적합합니다. 해당 구성 요소는 빠르고 유연한 개발 프로세스를 위해 TypeScript로 작성되고 Sass로 스타일이 지정되었습니다.

공식 웹사이트: https://apiblueprint.org
Github: https://github.com/gabrielbull/react-desktop

7, Fabric

Fabric은 Office와 유사한 소프트웨어를 구축하기 위한 도구입니다. 및 Office 365 스타일 React 구성 요소 라이브러리. TypeScript로 작성된 공식 Office 라이브러리 중 하나입니다. 개발 소개 가이드, 블로그, 공식 색상 및 글꼴 등을 포함하여 볼 수 있는 모든 Office 구성 요소가 있습니다.

공식 홈페이지: https://fabric-chs.readthedocs.io/zh_CN/chs/
Github: https://github.com/fabric/fabric/

8, Rebass

Rebass It 60개의 컴포넌트로 구성된 UI 라이브러리이자 UI 디자인 시스템입니다.

공식 웹사이트: https://rebassjs.org
Github: https://github.com/rebassjs/rebass

9. amaze UI(더 이상 유지 관리되지 않음)

image

Amaze UI는 모바일 우선 크로스 스크린 프런트엔드 프레임워크입니다. 기본 스타일, 그리드, 테이블, 양식, 버튼 및 공통 구성 요소 스타일을 제공합니다. 경량(모든 CSS 및 JS gzip 이후 약 100kB), 모바일 우선 프런트엔드 프레임워크

공식 웹사이트 주소: http://amazeui.org/
Github: https://github.com/zordius / lightncandy

10、리액트 그로밋

Grommet은 경험에 중점을 둔 React 구성 요소 라이브러리입니다. 모든 구성 요소는 액세스 가능하고 브라우저 간 호환성이 있으며 테마 사용자 정의를 지원합니다. 속성 구성을 통해 구성 요소의 유연성도 더욱 향상될 수 있습니다

공식 웹사이트 주소: https://v2.grommet.io
Github: https://github.com/grommet/grommet

11, React-Toolbox

CSS 모듈을 사용하여 Google Material Design을 구현하는 React 구성요소 세트입니다.

React-Toolbox에 의존하는 CSS 모듈에 대해 들어보셨나요? Purify-CSS와 같은 도구를 사용하지 않고도 필요한 CSS만 사용할 수 있습니다. 이 외에도 React-Toolbox는 기본적으로 30개 이상의 구성 요소를 갖춘 고도로 사용자 정의 가능한 프레임워크입니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 학습을 방문하세요! !

위 내용은 React에는 어떤 UI 프레임워크가 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!