Project/React+Java

9. React/router, redux, saga 등 설정

건담아빠 2022. 8. 10. 20:52

 

https://github.com/dchkang83/project-board

 

GitHub - dchkang83/project-board

Contribute to dchkang83/project-board development by creating an account on GitHub.

github.com


react 절대경로 지정은 아래포스팅 참조

React/JS - 절대경로 지정

 

React/JS - 절대경로 지정

`~/` 에 대한 절대경로를 추가해 보자. 1. paths alias 설정 $ yarn add --dev react-app-rewired customize-cra 2. jsconfig.json { "extends": "./jsconfig.paths.json", "compilerOptions": { "module": "co..

dchkang83.tistory.com


material-ui, router * layout, redux, react-redux, redux-saga 등은 아래 포스팅을 참조

React/material-ui

 

React/material-ui

1. material-ui $ yarn add @mui/material @emotion/react @emotion/styled $ yarn add @mui/icons-material $ yarn add @emotion/css (추가??) 2. 주요소스 정리 - SignIn.js import React from 'react'; import..

dchkang83.tistory.com

React/router & Layout

 

React/router & Layout

1. react-router $ yarn add react-router-dom 2. 주요소스 정리 - index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import { BrowserRouter as Router } from "react-router-do..

dchkang83.tistory.com

React/redux & react-redux & redux-saga & etc

 

React/redux & react-redux & redux-saga & etc

1. redux & react-redux & redux-saga 등 설치 $ yarn add react-router-dom $ yarn add redux react-redux redux-saga $ yarn add @reduxjs/toolkit query-string axios $ yarn add ramda 2. 주요소스 2.1 inde..

dchkang83.tistory.com

위와 같이 설정 을 완료한다.