javascript-typescript

Provide JavaScript and TypeScript best practices for React, Node.js, and API development.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/Ai-Whisperers/infrastructure-cost-tracker --skill javascript-typescript-ai-whisperers
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: javascript-typescript
Source: https://github.com/Ai-Whisperers/infrastructure-cost-tracker/tree/main/openclaw-config/skills/javascript-typescript
Command: npx skills add https://github.com/Ai-Whisperers/infrastructure-cost-tracker --skill javascript-typescript-ai-whisperers

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides comprehensive guidance and best practices for developing robust and efficient JavaScript and TypeScript applications, covering frontend, backend, and API development.

Core Features & Use Cases

  • Modern JavaScript (ES6+): Covers arrow functions, destructuring, async/await, and spread/rest operators.
  • TypeScript Best Practices: Includes type definitions, generic patterns, and utility types.
  • React Patterns: Demonstrates functional components, custom hooks, and state management with useReducer.
  • Node.js Backend: Shows Express middleware, route handlers, and error handling.
  • Error Handling: Details custom error classes and global error handlers.

Quick Start

Use the javascript-typescript skill to generate a React functional component with TypeScript props for a button that accepts a label, onClick handler, and an optional variant.

Frequently Asked Questions about javascript-typescript

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
What's the best way to type React component props in TypeScript?

TypeScript prop typing for React components is achieved by defining an interface or type alias for the props object. This approach leverages TypeScript's static type checking to validate prop names, types, and optional variants during development.

How do I handle errors globally in a Node.js Express backend?

Global error handling in a Node.js Express backend is implemented using custom error classes and dedicated Express error-handling middleware. This pattern captures thrown errors across route handlers and formats the API response consistently.

When do I need custom TypeScript utility types and generics?

Custom TypeScript utility types and generics are needed when creating reusable, flexible data structures like API response wrappers or component prop configurations. They allow you to write dynamic functions that maintain strict type safety across varying input shapes.

How do I manage complex state in a React application?

Complex state in a React application is managed using the `useReducer` hook alongside functional components. This pattern centralizes state logic, making transitions predictable and easier to debug compared to multiple `useState` calls.

Can I use modern JavaScript ES6+ features in Node.js backend development?

Modern JavaScript ES6+ features like async/await, arrow functions, and destructuring are fully supported in Node.js backend development. They integrate seamlessly with Express middleware and route handlers to write asynchronous server logic cleanly.

Does TypeScript work with Next.js for full-stack API services?

TypeScript works perfectly with Next.js for full-stack API services, providing type safety across both frontend UI components and backend API routes. It ensures end-to-end type definitions for request and response payloads.