React-MobX-TypeScript

This project was bootstrapped with Create React App v3.3.X. React ver.16.12.0

Build & Development

---

• npm install install dependencies
• npm start run develop
• npm run build run build project

Features

• React Functional Components
• React hooks
• MobX v4.X.X for older browser
• ES7 Decorator for use MobX decorator features
• ES8 Async/Await
• ES2020 OptionalChaining
• Based on Typescript

Project Structure

---

react-mobx-ts
├── README.md
├── package.json
├── .gitignore
├── .prettierrc
├── node_modules
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── manifest.json
│   └── robots.txt
└── src
    └── api
        └── posts.ts
    └── client
        └── Root.tsx
    └── components
        └── common
            ├── Input.tsx
            └── TextArea.tsx
        └── posts
            ├── PostItem.tsx
            └── PostItem.scss
    └── hooks
        ├── usePromise.ts
        └── useStore.ts
    └── lib
        ├── request.ts
        └── utils.ts
    └── pages
        ├── counter
            ├── Counter.tsx
            └── Counter.scss
        ├── home
            ├── Home.tsx
            └── Home.scss
        └── posts
            ├── Posts.tsx
            ├── PostsCreate.tsx
            ├── PostsDetail.tsx
            ├── Posts.scss
            └── PostsDetail.scss
    └── shared
        ├── App.tsx
        └── App.scss
    └── stores
        └── interfaces
            ├── posts.ts
            └── store.ts
        ├── Counter.ts
        ├── Posts.ts
        └── index.ts
    ├── index.scss
    ├── index.tsx
    └── serviceWorker.js

Plugins

외부 플러그인

• react-router-dom Route 선언&제어
• axios 비동기 Ajax 통신
• mobx MobX
• mobx-react MobX for React
• classnames 클래스 제어