innet get start

To start developing run this

npm start

To build production run this

npm run build

You can find the production bundle in public folder

TypeScript

The main file is index.js (index.ts, index.tsx) from src folder.
You can import .js, .ts or .tsx files into any script file.
So you can use TypeScript or not or use somewhere.
If you don't want to use TypeScript, you can remove tsconfig.json and declaration.d.ts.

SCSS

You can import .css or .scss into a script. So you can use SCSS or not.

import './index.css'
import './index.scss'

JSON

You can import .json file into a script.

import settings from './settings.json'

HTTPS

Add localhost.crt and localhost.key to the root of the application to use HTTPS.

base path of imports

You can use / to get root of src.

import App from '/components/App'

The same:

import App from 'src/components/App'

The same for index file.

import App from './components/App'

.env

You can create and set up .env file to change some features.
These options are used by default.

# you can use remote API, for example PROXY=https://localhost:9000
PROXY=false

# you can set remote API URL beginning, for example API=/api/?*
API=*

# you can change the static server port
PORT=3000

# you can change directory and file name of ssl certificates
SSL_CRT_FILE=localhost.crt
SSL_KEY_FILE=localhost.key

# add the next key if you get "Error: self signed certificate"
# NODE_TLS_REJECT_UNAUTHORIZED=0

# you can generate sourcemap for production build
GENERATE_SOURCEMAP=false

# by default index.js includes all styles,
# but you can keep styles into index.css with CSS_EXTRACT=true
CSS_IN_JS=false

# import styles from './App.css'
# you can use css modules with CSS_MODULES=true.
# If CSS_MODULES equals false you still can use css modules,
# just name the css or scss file like App.module.css
CSS_MODULES=false

# you can change the public folder
PUBLIC_FOLDER=public

# you can change the folder of scripts
BUILD_FOLDER=public/build