CtrlK
BlogDocsLog inGet started
Tessl Logo

tessl/npm-cra-template-typescript

The official TypeScript template for Create React App providing preconfigured TypeScript support and development environment setup.

Overall
score

98%

Overview
Eval results
Files

rubric.jsonevals/scenario-2/

{
  "context": "Evaluates whether the bootstrap utility actually drives the Create React App CLI with its TypeScript template and preserves the starter wiring while applying the requested tweaks. Checks only CRA-specific behaviors such as template flags, generated files, and web vitals/test defaults, not general coding style.",
  "type": "weighted_checklist",
  "checklist": [
    {
      "name": "CRA CLI usage",
      "description": "Invokes `npx create-react-app` (or the `create-react-app` binary) with the `--template typescript` flag rather than reimplementing the scaffold manually.",
      "max_score": 20
    },
    {
      "name": "Template artifacts",
      "description": "Resulting project contains CRA TypeScript template outputs such as `tsconfig.json`, `src/index.tsx`, `src/App.tsx`, and `src/App.test.tsx` instead of custom equivalents.",
      "max_score": 15
    },
    {
      "name": "Modern root entry",
      "description": "`src/index.tsx` preserves the template's `ReactDOM.createRoot` and `React.StrictMode` usage when rendering the starter `App` component.",
      "max_score": 10
    },
    {
      "name": "App name applied",
      "description": "When an app name is supplied, the CRA run updates `package.json`'s `name` field and the `<title>` in `public/index.html` to match.",
      "max_score": 15
    },
    {
      "name": "Web vitals toggle",
      "description": "Default scaffold retains the template's `reportWebVitals` import and invocation, while a `--no-web-vitals` path removes both from `src/index.tsx` instead of leaving stubs.",
      "max_score": 15
    },
    {
      "name": "Starter test kept",
      "description": "Template's Jest/React Testing Library check for the \"learn react\" link (using `@testing-library/react` and `@testing-library/jest-dom`) remains present in `src/App.test.tsx` or its TypeScript equivalent.",
      "max_score": 10
    },
    {
      "name": "Package manager flag",
      "description": "Requested package manager maps to CRA flags (`--use-npm`, `--use-yarn`, or `--use-pnpm`) before running the CLI rather than adjusting installs afterward.",
      "max_score": 15
    }
  ]
}

Install with Tessl CLI

npx tessl i tessl/npm-cra-template-typescript

tile.json