luigiclemente / cal Goto Github PK

Use TypeScript's watch mode to continuously check for errors. This will help you see errors without having to wait for the entire project to build.

tsc --watch

Integrate ESLint with TypeScript to catch errors and potential issues in your code as you write it. Here's how to set it up:

1. Install the necessary dependencies:

   npm install eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin --save-dev

2. Create or update your .eslintrc.json:

   {
     "parser": "@typescript-eslint/parser",
     "parserOptions": {
       "project": "./tsconfig.json"
     },
     "plugins": ["@typescript-eslint"],
     "extends": [
       "eslint:recommended",
       "plugin:@typescript-eslint/recommended",
       "plugin:@typescript-eslint/recommended-requiring-type-checking"
     ],
     "rules": {
       // Add any custom rules here
     }
   }

Next.js provides hot reloading which helps in seeing changes almost immediately without restarting the server.

• ts-node: For running TypeScript directly without compiling.
• Jest: For running tests, including TypeScript tests.

You can create a script in your package.json to run both TypeScript and ESLint in watch mode concurrently:

{
  "scripts": {
    "dev": "next dev",
    "lint": "eslint . --ext .ts,.tsx --fix",
    "tsc": "tsc --noEmit",
    "type-check": "tsc --watch",
    "start": "concurrently \"npm run dev\" \"npm run type-check\""
  }
}

Then run:

npm run start

This will run your development server and TypeScript type checking concurrently, providing immediate feedback on type errors.