@themagician/tsconfig-react

tsconfig-react

repo, npm

A base tsconfig configuration for a react module, component or application that you can override.

Usage:

Install the package:

npm install @themagician/tsconfig-react -D
yarn add @themagician/tsconfig-react -D
pnpm add @themagician/tsconfig-react -D

Then extend it in your tsconfig.json

{
  "extends": "@themagician/tsconfig-react",
  "compilerOptions": {
    "resolveJsonModule": false
  }
}

tsconfig-react configuration

{
  "$schema": "https://json.schemastore.org/tsconfig",
  "extends": "@themagician/tsconfig-base",
  "compilerOptions": {
    "lib": [
      "DOM",
      "DOM.Iterable",
      "ESNext"
    ],
    "target": "ES5",
    "module": "ESNext",
    "moduleResolution": "NodeNext",
    "jsx": "react-jsx",
    "noEmit": true
  }
}

Other packages

• @themagician/tsconfig-base
• @themagician/tsconfig-node
• @themagician/tsconfig-package-node-esm
• @themagician/tsconfig-package-node-cjs
• @themagician/tsconfig-browser
• @themagician/tsconfig-isomorphic

@themagician/tsconfig repo

https://github.com/TheMagicianDev/tsconfig

You can use this whole repo. As a template or boilerplate to make your own scope based packages, through a monorepo repository for your tsconfig base configurations. As it make a good setup. Using turborepo and changsets and pnpm workspaces. For easy monorepo management and versioning and publishing. As well eslint config to lint json files, and lefthook to run that before committing. And guard the commit. prettier config as well. And Beside high accessibility and flexibility, You may like to do that, to share with your friends, team, or community. As well have them to contribute in a flexible way.

Here some articles we wrote and resources that help u with the notions above:

... to be added later ...