syuchan1005 / react-ts-template

React Typescript Template

Features

• React
• React Router
• Hot Reload (Client only)
• Typescript
• PWA
• Linter (eslint)
• GraphQL (Apollo)
• [Server] Koa
• [Server] watch and reload
• Webpack

How to use

1. git clone
2. Find '__replace__' and replace them.

• public/index.html [title, description]
• public/manifest.webmanifest [name, short_name]
• package.json [name]
• Dockerfile

1. npm install
2. npm run serve:client and npm run serve:server

npm scripts

serve:client

development use. start the client server.

build:client

build client. output: dist/client

serve:server

development use. start the server.

build:server

build server. output: dist/server

serve

run serve:client and serve:server

build

run build:client and build:server

start

start pre-built server.

lint

run eslint

script:gql-gen

generate types from graphql scheme and queries

script:generateIcon

generate icons from public/icons/icon.svg