React Development using Typescript/Javascript with Parcel

Web development using parcel, eslint and tslint for linting Javascript, tslint for linting Typescript, prettier for formatting Javascript/Typescript files.

Usage

1. Install nodejs. I highly recommend using nvm. If you are on mac or ubuntu, you could use the following command to install nodejs. It's from my dotfiles configuration.

   On Mac

    curl -L j.mp/srtpdtf > setup && bash setup web vscode
   

   On Ubuntu

    wget -qO- j.mp/srtpdtf > setup && bash setup web vscode
   

2. Clone this repository, install npm packages and open the project in visual studio code. Make sure you have git installed.

   git clone --depth=1 https://github.com/technoidentity/parcel-starter.git
   npm install -g yarn
   cd parcel-starter && rm -rf .git
   yarn install
   code .
   

3. Start server using the following command.

   yarn start
   

   Now you can edit src/index.js in any editor and see your changes in browser immediately.

   You could use yarn test to run jest tests.

   You could use yarn validate for checking types, linting all files and run tests in src folder.

4. If you use visual studio code, install visual studio code extensions using the following commands

    code --install-extension msjsdiag.debugger-for-chrome
    code --install-extension ms-vscode.vscode-typescript-tslint-plugin
    code --install-extension dbaeumer.vscode-eslint
    code --install-extension esbenp.prettier-vscode
   

On Mac, you might have to install shell command.

License

MIT