An open API service indexing awesome lists of open source software.

https://github.com/pinqy520/simple-tsx-starter-kit

Minimal React Webpack TypeScript Boilerplate
https://github.com/pinqy520/simple-tsx-starter-kit

boilerplate minimal starter starter-kit tsx typescript webpack

Last synced: 3 months ago
JSON representation

Minimal React Webpack TypeScript Boilerplate

Awesome Lists containing this project

README

          

# simple-tsx-starter-kit

> Minimal React Webpack TypeScript Starter Kit

Based on [alicoding/react-webpack-babel](https://github.com/alicoding/react-webpack-babel.git)

```
git clone https://github.com/pinqy520/simple-tsx-starter-kit.git

npm install

npm start
```

Open the web browser to `http://localhost:8888/`

### To build the production package

```
npm run build
```

### Nginx Config

Here is an example Nginx config:
```
server {
# ... root and other options

gzip on;
gzip_http_version 1.1;
gzip_types text/plain text/css text/xml application/javascript image/svg+xml;

location / {
try_files $uri $uri/ /index.html;
}

location ~ \.html?$ {
expires 1d;
}

location ~ \.(svg|ttf|js|css|svgz|eot|otf|woff|jpg|jpeg|gif|png|ico)$ {
access_log off;
log_not_found off;
expires max;
}
}
```

### Eslint
There is a .eslint.yaml config for eslint ready with React plugin.
To use it, you need to install additional dependencies though:

```
npm install --save-dev eslint eslint-plugin-react
```

To do the actual linting, run:

```
npm run lint
```