cra-template-dongkyuuuu

cra-template-redux-typescript(v1.0.1) 를 기반으로 작성하였습니다.

이 템플릿은 react-app-rewired을 사용해 실행, 빌드 합니다.

Create

Using npx:

npx create-react-app my-app --template dongkyuuuu

Using npm:

npm init react-app my-app --template dongkyuuuu

Using Yarn:

yarn create react-app my-app --template dongkyuuuu

Usage

Path alias:

//  @는 src 폴더를 의미합니다.

import "@/Components/App";

Axios Interceptor:

// src/Helpers/AxiosInterceptor.ts

import axios from "axios"

axios.interceptors.request.use(
    function(config){
        // before request success
    }
    function(error){
        // before request error
    }
)

axios.interceptors.response.use(
  function (response) {
    // http status === 200, .then()
    return response;
  },
  function (error) {
    //   http status !== 200, .catch()
    return Promise.reject(error);
  }
);

Dependencies

Name	Version
@reduxjs/toolkit	^1.5.0
react-redux	^7.2.2
redux-logger	^3.0.6
react-router-dom	^5.2.0
react-app-rewired	^2.1.8
react-app-rewire-alias	^1.0.1
react-app-rewire-hot-loader	^2.0.1
react-hot-loader	^4.13.0
styled-components	^5.2.1
normalize.css	^8.0.1
axios	^0.21.1
@types/react-redux	^7.1.16
@types/redux-logger	^3.0.8
@types/react-router-dom	^5.1.7
@types/styled-components	^5.1.7