sanguk.dev
작성완료
React 인기 모듈

React 인기 모듈

React 인기 모듈 목록에는 json-server, styled-components, lodash, moment, framer-motion, @mui/icons-material, axios, concurrently, react-native-vector-icons, react-navigation 등이 포함되어 있으며, 각 모듈은 설치 명령어와 함께 주요 기능을 설명합니다. 예를 들어, json-server는 REST API를 지원하고, styled-components는 React에서 스타일을 생성하는 데 사용됩니다.

React

1. json-server (공식문서) / 웹

powershell
$ npm i json-server
  • 가데이터 생성
  • REST API 지원

2. styled-components (공식문서) / 웹

powershell
$ npm i styled-components
  • React에서 스타일 생성
  • Sass, Scss 문법 사용가능

3. lodash (공식문서) / 웹, 앱

powershell
$ npm i lodash
  • dictionary, array 타입에 대한 데이터 조작이 용이

4. moment (공식문서) / 웹, 앱

powershell
$ npm i moment
  • dictionary, array 타입에 대한 데이터 조작이 용이

5. framer-motion (공식문서) / 웹

powershell
$ npm i framer-motion
  • React에서 애니메이션 사용이 용이

6. @mui/icons-material (공식문서) / 웹, 앱

powershell
$ npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
  • React에서 SVG 아이콘 사용

7. axios (공식문서) / 웹, 앱, PC앱

powershell
$ npm i axios
  • HTTP 통신이 용이
  • 통신 관련으로 여러 Method 지원

8. concurrently (공식문서) / 웹, 앱

powershell
$ npm i concurrently
  • 개발 서버와 가데이터 서버를 하나의 터미널에서 동시에 실행 가능

9. react-native-vector-icons (공식문서) / 앱

powershell
$ expo i react-native-vector-icons
  • React Native에서 SVG 아이콘 사용

10. react-navigation (공식문서) / 앱

powershell
$ expo install @react-navigation/native react-native-screens react-native-safe-area-context @react-navigation/native-stack @react-navigation/bottom-tabs @react-navigation/drawer
  • React Native에서 Screen 전환 및 앱 전용 라우터

11. @mui/icons-material (공식문서) / 웹

plain
$ npm install @mui/icons-material @mui/material @emotion/styled @emotion/react
  • React에서 가장 이쁜 아이콘 라이브러리