1. ant-design
알리바바에서 만든 UI 프레임워크. Button, Grid, Layout, Form 등 다양한 컴포넌트를 지원한다.
아이콘같은 디자인 요소도 지원하지만, 상대적으로 볼륨은 좀 작은 듯.
Ant Design - The world's second most popular React UI framework
ant.design
2. material-ui
리액트 기반의 UI 프레임워크. Antd와 함께 현재 가장 많이 쓰이고 있는 리액트 UI 프레임워크 중 하나이다.
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
'React, Next.js' 카테고리의 다른 글
| [React] 컴포넌트 생명주기 - Component Life Cycle (with useEffect) (0) | 2022.02.09 |
|---|---|
| [React] 클래스형 컴포넌트 vs 함수형 컴포넌트 (0) | 2022.02.09 |
| [React/Typescript] Eslint / prettier 설치 및 기본 세팅 (0) | 2022.01.24 |
| [React] 리액트의 핵심 2, Props (0) | 2022.01.20 |
| [React] 리액트의 핵심, State (with useState) (0) | 2022.01.20 |