알아야 할 7가지 React 라이브러리

모든 프론트엔드의 대부분은 React로 구축됩니다. React는 곧 아무데도 가지 않을 것 같습니다. React의 가장 중요하고 유망한 측면 중 하나는 코드 구성 요소로 작업하는 것입니다. 버튼에서 스크롤러 및 도구 모음에 이르기까지 이러한 구성 요소는 UI 애플리케이션의 빌딩 블록입니다.

React 캡슐화 구성 요소는 자체 상태를 관리할 수 있으며 복잡한 UI를 만들기 위해 구성할 수 있습니다. 구성요소 로직은 템플릿 대신 자바스크립트로 작성되므로 앱을 통해 풍부한 데이터를 쉽게 전달하고 DOM에서 상태를 유지할 수 있습니다. React를 사용하면 UI를 독립적이고 재사용 가능한 부분으로 분할하고 각 부분을 개별적으로 생각할 수 있습니다.

빠르고 효과적인 시작과 React 구성 요소 작업을 위한 강력한 도구 세트를 제공하기 위해 다음은 기존 React 빌딩 블록에서 UI를 구성하는 데 도움이 되는 몇 가지 중요한 프레임워크와 도구입니다.

1. 반응 재료 UI

Material UI는 Google의 Material Design 원칙을 구현하는 인기 있는 프레임워크입니다. 여기에는 막대, 표, 버튼, 탐색 등을 포함한 많은 구성 요소 세트가 포함되어 있습니다. UI에서 사용할 900개 이상의 다양한 SVG 아이콘도 포함되어 있습니다.

2. 반응 부트스트랩

React Bootstrap은 React 구성요소용으로 재구축된 Bootstrap용 구성요소 기반 프레임워크를 제공합니다. Bootstrap은 아마도 세계에서 가장 인기 있는 UI 프레임워크일 것이며, 그 디자인과 강력한 React 구성요소를 결합한 것입니다…

3. 리액트 벨

React Belle은 Toggle, ComboBox, Rating, TextInput, Button, Card, Select 등을 포함한 구성 가능한 구성 요소의 아름다운 세트를 제공합니다. 이 프레임워크는 높은 수준의 스타일 재구성 가능성을 허용하면서 데스크톱과 모바일 모두에 최적화된 구성 요소를 만드는 것을 자랑스럽게 생각합니다.

4. 반응 도구 상자

React Toolbox는 머티리얼 디자인 기반 구성요소를 포함하는 인기 있는 라이브러리입니다. CSS 모듈(SASS로 작성), Webpack 및 ES6과 같은 최신 유행 제안을 기반으로 구축되었습니다. 라이브러리는 Webpack 워크플로와 조화롭게 통합되며 쉽게 사용자 지정할 수 있고 매우 유연합니다. 약 10가지 종류의 구성 요소를 포함하지만 구성 가능하게 구성하여 훌륭한 UI 경험을 구성할 수 있는 훌륭한 플레이그라운드를 만듭니다.

5. 반응 그로밋

Grommet은 필수 경험을 강조하는 React 라이브러리입니다. 모든 구성 요소는 액세스 가능하고 브라우저 간 호환이 가능하며 테마 사용자 정의를 지원합니다. 속성을 통한 구성을 통해 구성 요소 유연성이 향상됩니다. 본질적으로 핵심 기본 기능을 갖춘 깨끗한 UI를 빠르고 간단하게 구성할 수 있는 아름다운 놀이터입니다.

6. 시맨틱 UI

React Semantic UI는 Semantic UI를 위한 공식 React 통합입니다. Semantic은 인간 친화적인 HTML을 사용하여 아름답고 반응적인 레이아웃을 만드는 데 도움이 되는 개발 프레임워크입니다. 렌더링된 HTML 태그를 제어하거나 하나의 구성요소를 as로 렌더링할 수 있습니다. 다른 구성 요소. as로 렌더링하는 구성 요소에 추가 소품이 전달됩니다. . 중첩된 구성 요소를 추가하지 않고도 구성 요소 기능과 소품을 구성할 수 있습니다. 이것은 MenuLinks 작업에 필수적입니다. 및 반응 라우터 .

7. Bit와 반응

Bit는 다른 애플리케이션이나 저장소의 모든 애플리케이션이나 저장소에 있는 모든 구성요소를 사용할 수 있게 해주는 강력한 도구입니다. 소스 파일 위에 얇은 가상화 계층을 추가하여 필요할 때마다 구성 요소를 생성, 관리 및 재사용할 수 있습니다. 또한 전체 라이브러리를 가져올 필요 없이 개별 구성 요소를 사용할 수 있습니다. 문서를 자동으로 구문 분석하고 모든 프레임워크를 사용하여 어디에서나 구성 요소에 대한 테스트를 실행하므로 React 구성 요소에 대해 작업하기에 좋은 도구입니다. Bit 커뮤니티 허브에서는 필요한 거의 모든 React UI 기능의 구성 요소를 찾을 수도 있습니다.