• 프로젝트 설치 : yarn create react-app "프로젝트 명”
• 라우터 : yarn add react-router-dom
• 리덕스 : yarn add redux react-redux
• 리덕스 툴킷 : yarn add @reduxjs/toolkit
• 리덕스 정크 : yarn add redux-thunk
• 스타일컴포넌트 : yarn add styled-components
• 머테리얼유아이 : yarn add @mui/material @emotion/react @emotion/styled
• tailwind :

create-react-app에서 Tailwind CSS 적용해보기

• 리액트쿼리 : yarn add @tanstack/react-query
• json-server : yarn add json-server
• axios : yarn add axios
• redux-logger : yarn add redux-logger

한번에 넣어보세요

yarn add react-router-dom redux react-redux @reduxjs/toolkit redux-thunk json-server axios react-query redux-logger

React Hooks는 React v16.8.0부터 제공하는 기능으로, 기존의 React 클래스 컴포넌트에서는 사용할 수 없는 기능을 함수 컴포넌트에서 사용할 수 있게 합니다. React Hooks 종류는 다음과 같습니다.