ts-react-playground - TypeScript React Playground

Storybook

Features

• TypeScript
• React + React-Router + Recoil
• SCSS
• Jest Snapshot/Unit Tests with Code Coverage (enzyme)
• Jest + Puppeteer (screenshots from submodule) E2E Tests
• Storybook (publish via CI into submodule)
• ESM (development or build)
• Webpack (development or build)
• Rollup for Vendor as ESM
• GitHub CI Integration (feature, development, master, release)
• Circle CI Integration
• Code Quality via Code Climate
• Docker Container (nginx with ssl)

Clone repository

git clone https://github.com/gregoranders/ts-react-playground

Install dependencies

npm install

Build

Webpack

npm run build:webpack

ESM

npm run build:esm

Testing

Test using Jest

npm test

E2E Test using Jest and Puppeteer

npm run e2e

Development

Webpack

npm start

ESM

npm run watch-script
npm run watch-scss
npm run watch-livereload

Storybook

npm run storybook

Clear

npm run clear