setup react project

// babel js

{
  "plugins": [
    ["react-hot-loader/babel"],
    ["babel-plugin-root-import"],  
    [
      "import", {
        "libraryName": "antd",
        "libraryDirectory": "es",
        "style": "css"
      }
    ]
  ]
}


// package.json

{
  "name": "haha",
  "version": "0.0.0",
  "private": true,
  "browserslist": [
    "last 1 Chrome version"
  ],
  "alias": {
    "react-dom": "@hot-loader/react-dom"
  },
  "scripts": {
    "dev": "parcel ./src/client/dev.html -p 3000 --hmr-port 3001",
  },
  "dependencies": {
    "@hot-loader/react-dom": "16.8.6",
    "mobx": "5.9.4",
    "mobx-react-lite": "1.3.2",
    "node-fetch": "^2.6.0",
    "react": "16.8.6",
    "react-dom": "16.8.6",
    "react-hot-loader": "4.8.8",
    "react-router-dom": "5.0.0",
    "styled-components": "4.2.0"
  },
  "devDependencies": {
    "@types/jest": "24.0.13",
    "@types/node": "12.0.2",
    "@types/react": "16.8.18",
    "@types/react-dom": "16.8.4",
    "@types/react-router": "5.0.1",
    "@types/react-router-dom": "4.3.3",
    "@types/stripe": "6.26.2",
    "@types/stripe-checkout": "1.0.3",
    "@types/styled-components": "4.1.15",
    "babel-core": "6.26.3",
    "babel-plugin-import": "^1.11.2",
    "babel-plugin-root-import": "6.2.0",
    "jest": "24.8.0",
    "less": "2.7.1",
    "parcel-bundler": "1.12.3",
    "prettier": "1.17.1",
    "ts-jest": "24.0.2",
    "typescript": "3.4.5"
  }
}

// tsconfig.json
{
  "compilerOptions": {
    "declaration": true,
    "noImplicitAny": false,
    "removeComments": true,
    "noLib": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es6",
    "module": "commonjs",
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true,

    "moduleResolution": "node",
    "baseUrl": ".",
    "paths": {
      "~/src/*": ["src/*"]
    },

    "strictNullChecks": false,
    "sourceMap": true,
    "lib": ["es2015", "es2017.sharedmemory", "dom"],

    "jsx": "react",

    "rootDir": "./src"
  },
  "exclude": ["node_modules", "temp"],
  "parcelTsPluginOptions": {
    "transpileOnly": false
  }
}