javascript-typescript

Configure TypeScript and apply modern JavaScript patterns for React and Node.js development.

1|Updated Jan 26, 2026
One-click install
npx skills add https://github.com/simoabid/ABID.Dev-Portfolio --skill javascript-typescript-simoabid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: javascript-typescript
Source: https://github.com/simoabid/ABID.Dev-Portfolio/tree/main/.agent/skills/javascript-typescript
Command: npx skills add https://github.com/simoabid/ABID.Dev-Portfolio --skill javascript-typescript-simoabid

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a comprehensive toolkit and best practices for developing robust applications using JavaScript and TypeScript, covering frontend, backend, and full-stack development.

Core Features & Use Cases

  • TypeScript Configuration: Pre-configured tsconfig.json for modern ESNext development.
  • Type Safety: Demonstrates utility types, discriminated unions, and generic constraints for robust type definitions.
  • Modern JavaScript: Examples of destructuring, optional chaining, nullish coalescing, and array methods.
  • React Patterns: Common patterns for props, event handlers, and custom hooks.
  • Node.js Patterns: Examples for ES Modules and error handling.
  • Use Case: Setting up a new React project with TypeScript, ensuring type safety and leveraging modern JavaScript features for cleaner, more maintainable code.

Quick Start

Configure TypeScript for a new project using the provided tsconfig.json.

Frequently Asked Questions about javascript-typescript

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

FAQPage Schema
How do I configure TypeScript for a modern React project?

TypeScript configuration for React projects involves using a pre-configured tsconfig.json setup for modern ESNext development. This enables type safety and modern JavaScript features like optional chaining and nullish coalescing for robust component patterns.

What are the best practices for using utility types and generic constraints in TypeScript?

Using utility types and generic constraints provides robust type definitions in TypeScript. Applying discriminated unions alongside these TypeScript features ensures strict type safety and predictable behavior across frontend and backend applications.

How do I use modern ES6+ features like optional chaining and nullish coalescing in JavaScript?

Modern JavaScript uses optional chaining and nullish coalescing to safely handle undefined or null values. Combining these ES6+ features with array methods and destructuring allows developers to write cleaner, more maintainable code.

Does this approach support Node.js ES Modules and React component patterns?

Yes, this approach supports Node.js ES Modules and React component patterns. It provides specific examples for Node.js module practices alongside common React patterns for props, event handlers, and custom hooks.

When do I need discriminated unions in TypeScript backend and frontend development?

You need discriminated unions in TypeScript when managing complex state or varied data structures across frontend and backend environments. They combine with utility types and generic constraints to enforce strict type safety and robust application logic.