Fullstack react-express using typescript + webpack
Use npm or yarn to install and run.
npm installor
rm package-lock.json && yarnOptional as the post-build should take of building the project.
npm run build or
yarn buildThe
buildscript builds the client and server from the TypeScript source code See scripts for more options, including a prod build.
Development:
npm run devor
yarn devProduction:
npm run start or
yarn startExpand to see file tree
boilerplate-ts-express/
├── src/
│ ├── client/
│ │ ├── actions/
│ │ │ └── index.ts
│ │ ├── api/
│ │ │ └── client.ts
│ │ ├── components/
│ │ │ ├── AddWord.tsx
│ │ │ ├── App.tsx
│ │ │ ├── Price.tsx
│ │ │ ├── Word.tsx
│ │ │ └── Words.tsx
│ │ ├── reducers/
│ │ │ ├── index.ts
│ │ │ └── words.ts
│ │ ├── index.tsx
│ │ └── tsconfig.json
│ └── server/
│ ├── api/
│ │ └── coingecko.ts
│ ├── public/
│ │ ├── images/
│ │ │ └── favicon.ico
│ │ ├── stylesheets/
│ │ │ ├── index.scss
│ │ │ └── normalize.css
│ │ └── index.html/
│ ├── routes/
│ │ ├── api.ts
│ │ └── index.ts
│ ├── index.ts
│ ├── server.ts
│ └── tsconfig.json
├── package-lock.json
├── package.json
├── readme.md
└── webpack.config.ts
Expand to see scripts
{
"scripts": {
"postinstall": "npm run build",
"start": "node server dist/server/index.js",
"build": "run-p build:client build:server",
"build:watch": "tsc --build ./ --watch",
"build:client": "tsc --build ./src/client",
"build:watch:client": "tsc --build ./src/client --watch",
"build:server": "tsc --build ./src/server",
"build:watch:server": "tsc --build ./src/server --watch",
"dev": "run-p build:watch:client build:watch:server dev:client dev:server",
"dev:client": "npm run webpack -- --watch",
"dev:server": "nodemon --watch server dist/server/index.js",
"webpack:prod": "npm run webpack -- --mode production",
"webpack": "webpack --config ./webpack.config.ts",
"lint": "eslint --fix --ext .js,.jsx,.ts,.tsx ./src"
},
}Expand to see linter details
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"standard",
"prettier"
],
"settings": {
"react": {
"version": "detect"
}
},
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaFeatures": {
"jsx": true
},
"ecmaVersion": 12,
"sourceType": "module"
},
"plugins": [
"react",
"@typescript-eslint"
],
"ignorePatterns": [
"./server/bin/www"
],
"rules": {
"no-use-before-define": 0
}
}
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent