React, Next.js

[React] 자주 쓰는 React 기반 라이브러리, 프레임워크 모음

쭈꾸미 2022. 2. 5. 16:09

1. ant-design

알리바바에서 만든 UI 프레임워크. Button, Grid, Layout, Form 등 다양한 컴포넌트를 지원한다.

아이콘같은 디자인 요소도 지원하지만, 상대적으로 볼륨은 좀 작은 듯.

https://ant.design/

 

Ant Design - The world's second most popular React UI framework

 

ant.design

 

2. material-ui

리액트 기반의 UI 프레임워크. Antd와 함께 현재 가장 많이 쓰이고 있는 리액트 UI 프레임워크 중 하나이다.

https://mui.com/

 

MUI: The React component library you always wanted

MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. You will develop React applications faster.

mui.com

 

3. React-Font Awesome

널리 쓰이는 아이콘 라이브러리 Font Awesome. React에서도 사용할 수 있다.

https://fontawesome.com/v5/docs/web/use-with/react

 

React

Font Awesome 6 brings loads of new icons and features to the most popular icon set in the world.

fontawesome.com

 

4. react-player

리액트에서 유튜브 플레이어를 간편하게 불러올 수 있도록 도와주는 라이브러리. 자체적으로 다양한 Props를 지원한다.

https://www.npmjs.com/package/react-player

 

react-player

A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion. Latest version: 2.9.0, last published: a year ago. Start using react-player in your project by running

www.npmjs.com

 

5. react-daum-postcode

다음 주소 정보 시스템을 간편하게 불러올 수 있는 라이브러리.

https://www.npmjs.com/package/react-daum-postcode

 

react-daum-postcode

React daum-postcode component. Latest version: 3.0.1, last published: 3 months ago. Start using react-daum-postcode in your project by running `npm i react-daum-postcode`. There are 16 other projects in the npm registry using react-daum-postcode.

www.npmjs.com

 

6. react-resizable

핸들로 특정 영역의 크기를 조절 가능하게 만들어주는 라이브러리

https://www.npmjs.com/package/react-resizable

 

react-resizable

A component that is resizable with handles.. Latest version: 3.0.4, last published: 8 months ago. Start using react-resizable in your project by running `npm i react-resizable`. There are 628 other projects in the npm registry using react-resizable.

www.npmjs.com

 

7. uuid

고유한 값을 무작위로 생성해주는 라이브러리. 다양한 옵션이 있으니 npm 페이지를 참조하자.

https://www.npmjs.com/package/uuid

 

uuid

RFC4122 (v1, v4, and v5) UUIDs. Latest version: 8.3.2, last published: a year ago. Start using uuid in your project by running `npm i uuid`. There are 41603 other projects in the npm registry using uuid.

www.npmjs.com

 

새로운 라이브러리를 알게 될 때마다 추가합니다.👍
최근 업데이트 : 2022.02.14