본문 바로가기
React

React 생성 기본 설치 할 것들

by dev정리 2022. 10. 5.

React 프로젝트 생성

프로젝트 만드려는 파일위치에서
yarn create react-app 프로젝트명

or

프로젝트 만드려는 파일위치에서
npx create-react-app 포로젝트명

 

 

styled-components 설치

yarn add styled-components

 

 

redux toolkit 설치

yarn add redux
yarn add react-redux @reduxjs/toolkit

 

 

react-router-dom 설치

yarn add react-router-dom

 

 

json-server 설치

yarn add json-server

 

 

env-cmd 설치

npm install env-cmd 
or 
npm install -g env-cmd

 

 

bootStrap 설치/적용

yarn add react-bootstrap bootstrap

-index.js-
import 'bootstrap/dist/css/bootstrap.css';

 

 

axios 설치

yarn add axios

 

 

cookie 설치

yarn add react-cookie

 

 

React Icons 설치

npm install react-icons --save

React Icons 공식 사이트

 

React Icons

React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation (for standard modern project) npm install react-icons --save Usa

react-icons.github.io

 

 

React 이미지 압축 설치

npm i browser-image-compression

'React' 카테고리의 다른 글

React-redux 사용법 쓰는이유  (1) 2022.10.06
CSS-in-Js사용법 쓰는 이유  (0) 2022.10.06
React useState 이해하기  (1) 2022.10.01
React props 사용하기  (1) 2022.09.30
React 컴포넌트  (0) 2022.09.30