michal-wrzosek

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

// HOC
const withTheme = (Component) => props => <Component {...props} theme={theme} />;

// Component
const List = ({ items, theme }) => (
  <ul style={{ color: theme.fontColor }}>

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;
};

michal-wrzosek

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

type Theme = {
  fontColor: string;
};

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

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

src/serviceWorker.ts

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

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

michal-wrzosek

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