TypeScript CRA Bootstrapper

A CLI utility that scaffolds a React application with the Create React App TypeScript template and applies minimal branding/configuration tweaks.

Capabilities

Creates TypeScript CRA project

• Running the command with a target directory generates the CRA TypeScript layout, including tsconfig.json, TypeScript entry files, and installed dependencies via the selected package manager. @test
• The generated src/index.tsx renders the starter app through the modern root API while preserving strict mode wrapping. @test

Customizes app identity

• Passing an --app-name flag sets the package.json name and updates the document title in public/index.html. @test

Optional web vitals reporting

• Passing --no-web-vitals removes or disables web vitals reporting so the entry point no longer imports or invokes the metrics hook; omitting the flag leaves the default reporting hook intact. @test

Emits starter test

• The generated project includes a TypeScript-friendly starter test that asserts the default “learn react” link renders. @test

Implementation

@generates

API

export interface InitOptions {
  /**
   * Application name to apply to package metadata and document title.
   */
  appName?: string;
  /**
   * When true, web vitals reporting is omitted from the generated entry point.
   */
  disableWebVitals?: boolean;
  /**
   * Preferred package manager used during bootstrapping.
   */
  packageManager?: "npm" | "yarn" | "pnpm";
}

/**
 * Scaffold a React application using the CRA TypeScript template and apply optional tweaks.
 */
export function initTsReactApp(targetDir: string, options?: InitOptions): Promise<void>;

Dependencies { .dependencies }

create-react-app TypeScript template { .dependency }

Bootstraps a React application preconfigured for TypeScript via the CRA CLI.