[TypeScript] React 프로젝트 초기 설정 (window) (mobx)

1. 설치설치할 위치에서 아래 코드 실행 (cmd)

yarn create react-app 다운로드경로 --template typescript

//현재폴더

yarn create react-app . --template typescript

 

yarn 이 없다면 아래 명령어 부터 실행

npm install -g yarn

 

2. tsconfig.json 설정 추가 (선택) (기본루트 설정) 

    "baseUrl": "src"

 

3. 필요없는 파일 삭제(선택)

App.test.tsx 
logo.svg 
setupTests.ts

 

4. 폴더구조 생성 (선택)

    components
    lib
    pages
    store

 

5. mobx 기준 store 생성 (선택)(StoreProvider.tsx)

const MobxProvider = MobXProviderContext.Provider;

export const StoreProvider: React.FC = (props) => {
return (

{props.children}

);
}

export const useStores = (): typeof store => {
return React.useContext(MobXProviderContext as any);
}

export const StoreConsumer = MobXProviderContext.Consumer;

 

 

https://create-react-app.dev/docs/adding-typescript/