michal-wrzosek

{
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test:unit": "react-scripts test",
    "test:lint": "eslint --ext .ts --ext .tsx .",
    "test:lint:fix": "npm run lint -- --fix",
    "test": "npm run test:lint && npm run test:unit"
  }
}

michal-wrzosek

{
  "editor.formatOnSave": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "typescript", "autoFix": true },
    { "language": "typescriptreact", "autoFix": true }
  ],
  "editor.renderWhitespace": "boundary"

michal-wrzosek

module.exports = {
  semi: true,
  trailingComma: 'all',
  singleQuote: true,
  printWidth: 120,
  tabWidth: 2,
};

michal-wrzosek

module.exports = {
  parser: '@typescript-eslint/parser',
  extends: [
    'plugin:react/recommended',
    'plugin:@typescript-eslint/recommended',
    'prettier/@typescript-eslint',
    'plugin:prettier/recommended',
  ],
  parserOptions: {
    ecmaVersion: 2018,

michal-wrzosek

src/serviceWorker.ts

michal-wrzosek

import { compose } from 'ramda';

export type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;

type ABCProps = {
  a: string;
  b: string;
  c: string;
};

michal-wrzosek

type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;

type Theme = {
  fontColor: string;
};

const theme = {
  fontColor: 'red',
};

michal-wrzosek

type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;

type Theme = {
  fontColor: string;
};

type WithThemeProps = {
  theme: Theme;
};

michal-wrzosek

type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
  
type ExampleProps = {
  items: string[];
  providedByHOC: string;
  alsoProvidedByHOC: number;
};
  
type ExamplePropsWithoutHOCProps = Omit<ExampleProps, 'providedByHOC' | 'alsoProvidedByHOC'>;
  

michal-wrzosek

type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;

type Theme = {
  fontColor: string;
};

type WithThemeProps = {
  theme: Theme;
};