Dev Guide

Usage

Launch dev-stand

$ npm i                   # install dependencies
$ npm run start           # launch stand

Launch tests

$ npm run test            # launch all tests

$ npm run react:test      # unit tests
$ npm run lint:test       # linters tests
$ npm run lint:fix        # linters tests + autofix

Work with dependencies

$ npm run deps:clean      # removing redundant created files, node_modules
$ npm run deps:reinstall  # reinstall dependencies

API Codegen

$ npm run api:gen         # generate types and hooks for work with API - once
$ npm run api:gen--watch  # generate types and hooks for work with API - watch-mode

VSCode

Plugins list for better DX

There is a required base config for all of these

• Tailwind CSS IntelliSense - Autocomplete for Tailwind classes in components
• Apollo GraphQL - IntelliSense with autocomplete (but with freezes, possible)
• ESLint + Stylelint - Autofix on save, testing from linters