서드파티 라이브러리

서드파티 라이브러리 (Third-Party Libraries)

antd는 Ant Design 스펙을 따르는 고품질 React UI 컴포넌트 묶음을 구현하기 위해 만들어졌어요. 유용한 컴포넌트 전부를 하나의 패키지에 담는 건 불가능하기 때문에, React 커뮤니티의 훌륭한 서드파티 라이브러리를 함께 사용하는 것도 권장해요.

출처: 문서

antd는 Ant Design 스펙을 따르는 고품질 React UI 컴포넌트 묶음을 구현하도록 만들어졌어요. 유용한 모든 컴포넌트를 하나의 패키지에 담는 건 불가능하므로, React 커뮤니티의 좋은 서드파티 라이브러리를 함께 사용하는 것도 권장해요.

Category	Recommended Components
Visualization and charts	Ant Design Charts AntV Data Visualization reactflow
React Hooks Library	ahooks
React Form Library	ProForm Formily react-hook-form formik
Router	react-router
Layout	react-grid-layout react-grid-system rc-dock
Drag and drop	dnd-kit
Code Editor	react-codemirror2 react-monaco-editor
Rich Text Editor	react-quill
JSON Viewer	react-json-view
Color Picker	react-colorful react-color
Media Query	react-responsive
Copy to clipboard	react-copy-to-clipboard
Document head manager	react-helmet-async
Icons	react-fontawesome react-icons
QR Code	qrcode.react
Top Progress Bar	react-nprogress
i18n	FormatJS react-i18next
Code highlight	react-syntax-highlighter
Markdown renderer	react-markdown
Infinite Scroll	@rc-component/virtual-list react-infinite-scroll-component
Map	google-map-react @uiw/react-amap
Video	react-player video-react video.js
Context Menu	react-contexify
Emoji	emoji-picker-react emoji-mart
Split View	react-split-pane react-resizable-panels
Image Crop	antd-img-crop react-image-crop
Keywords highlight	react-highlight-words
Text Loop	react-text-loop-next react-fast-marquee
Animation	motion Ant Motion react-spring
Page Footer	rc-footer
Number/Currency	react-countup react-number-format react-currency-input-field
Application Frameworks	umi remix refine
Flow-based UI	pro-flow react-flow x6
Phone Input	react-phone-number-input antd-phone-input
AI Chat	Ant Design X
CLI Tool	Ant Design CLI
PDF	react-pdf @react-pdf/renderer
React Gesture	use-gesture

개발자/디자이너/프로덕트 매니저를 위해 추천하는 제품들이 몇 가지 있어요.