typescript-coding

TypeScript tooling setup involves configuring pnpm as your package manager, Vite as your build tool, and tsconfig for compiler options. This Skill provides recommended configurations and stack decisions that ensure consistency across frontend and backend projects, including React and testing frameworks like Vitest.

Vitest is a unit testing framework optimized for TypeScript projects. This Skill covers testing strategies, functional programming patterns for testable code, and Vitest configuration to help you write and organize tests that catch regressions early while maintaining code quality.

Logging patterns differ by context: pino structures logs for backend services with JSON output for aggregation, while chalk formats colored console output for CLI tools. This Skill explains when to use each and how to configure them based on whether you're building a service or command-line application.

Yes. This Skill provides guidance on building React frontends with TypeScript using functional programming techniques, Tailwind for styling, and state management with Xstate. It covers patterns that apply both to component design and state handling.

Frontend and backend TypeScript projects have distinct tooling, testing, and logging requirements. This Skill covers stack decisions, library recommendations, and patterns specific to each context—React and Tailwind for frontends, service logging with pino for backends—ensuring your project choices align with its purpose.

Yes. TypeScript configuration must account for your build tool and test runner to resolve modules correctly. This Skill provides tsconfig templates and explains how to configure it for Vite and Vitest so your setup works consistently across development, testing, and production.