โœ‚๏ธ 11 Best React UI Libraries in 2021

Kim Do-Heeยท2021๋…„ 6์›” 10์ผ
1

๐Ÿ”Ž 2021๋…„ 11๊ฐœ์˜ ๋ฆฌ์•กํŠธ ๊ธฐ๋ฐ˜ UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์•Œ์•„๋ณด์ž.

๐Ÿ“• React UI Library

๋ฆฌ์•กํŠธ๋Š” ์˜ค๋Š˜๋‚  ๊ฐ€์žฅ ์ธ๊ธฐ์žˆ๋Š” ๊ธฐ์ˆ ๋“ค ์ค‘ ํ•˜๋‚˜์ด๋‹ค.
์ƒ์„ฑํ•œ UI์˜ ํŠน์ • ๋ถ€๋ถ„์„ ์ฑ„์šฐ๋Š” ์ž‘์€ ์ฝ”๋“œ๋“ค์ธ component๋“ค๋กœ ๊ตฌ์„ฑํ•œ๋‹ค.
๋ฆฌ์•กํŠธ์˜ ์ƒํƒœ๊ณ„๋Š” ์ˆ˜๋…„์— ๊ฑธ์ณ ๋น„์•ฝ์ ์œผ๋กœ ์„ฑ์žฅํ–ˆ๋‹ค.
https://x-team.com/blog/best-react-component-libraries/
Itโ€™s now possible to generate a static site using React with Gatsby, create a mobile app with React Native, and even create desktop applications with Electron.

๐Ÿ“Ž MATERIAL-UI

Material-UI๋Š” GitHub์—์„œ ๊ฐ€์žฅ ์ธ๊ธฐ์žˆ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์ด๋‹ค.
Google์˜ Material Design specs์— ๋”ฐ๋ผ ์ƒ์„ฑ๋˜์—ˆ๊ณ , ๊ฐ„๋‹จํ•˜๊ณ  ๊ฐ€๋ณ๊ฒŒ ์“ธ ์ˆ˜ ์žˆ๋‹ค.
layout, form, navigation, data display, widgets์— ๊ด€ํ•œ component๊ฐ€ ์žˆ๋‹ค.

๐Ÿ“Ž Ant Design

Ant Design์€ ๋Œ€๊ธฐ์—…(ex. Tencent, Alibaba, Baidu)์˜ wep apps์„ ์œ„ํ•ด ๋งŒ๋“ค์–ด์ง„ React ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ณด์œ ํ•œ ์ค‘๊ตญ๊ธฐ์—…์ด๋‹ค.
๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” 60๊ฐœ ์ด์ƒ์˜ component๋“ค์„ ๋ณด์œ ํ•˜๊ณ  ์žˆ๊ณ , ์˜ˆ์ธก๊ฐ€๋Šฅํ•œ ์ •์ ์ธ ์œ ํ˜•๋“ค์„ ์‚ฌ์šฉํ•˜์—ฌ TypeScript๋กœ ์“ฐ์—ฌ์ ธ ์žˆ๋‹ค.

๐Ÿ“Ž Blueprint

๐Ÿ“Ž React Bootstrap

๐Ÿ“Ž Onsen UI

๐Ÿ“Ž Evergreen

๐Ÿ“Ž Grommet

๐Ÿ“Ž Gestalt

๐Ÿ“Ž React Virtualized

๐Ÿ“Ž Semantic UI React

๐Ÿ“Ž Rebass

profile
๐Ÿ‘ฉ๐Ÿปโ€๐Ÿ’ป(์†Œํ†ต, ์ฝ”๋”ฉ etc.) ์ž˜ ํ•˜๋Š” ํ’€์Šคํƒ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜๊ธฐ ์œ„ํ•œ ์—ฌ์ • :)

0๊ฐœ์˜ ๋Œ“๊ธ€