cra-template-dongkyuuuu's Introduction

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

Recommend Projects