Modern Javascript Patterns
Skill Verified ActiveMaster ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.
To equip developers with the knowledge and practical examples needed to master modern JavaScript features and functional programming patterns for writing clean, efficient, and maintainable code.
Features
- Master ES6+ features (arrow functions, destructuring, spread/rest)
- Understand asynchronous patterns (Promises, async/await)
- Implement functional programming concepts (immutability, composition)
- Utilize modern operators (optional chaining, nullish coalescing)
- Learn about modules, iterators, and generators
Use Cases
- Refactoring legacy JavaScript code to modern syntax
- Implementing functional programming patterns for cleaner code
- Optimizing JavaScript applications for performance
- Learning and applying asynchronous operations effectively
Non-Goals
- Providing a JavaScript interpreter or runtime
- Automating the refactoring process
- Covering JavaScript framework-specific patterns (e.g., React, Vue)
Practical Utility
- info:Edge casesThe SKILL.md covers common pitfalls and advanced patterns, but a dedicated section for explicit failure modes with symptoms and recovery steps is missing.
Installation
First, add the marketplace
/plugin marketplace add wshobson/agents/plugin install javascript-typescript@claude-code-workflowsQuality Score
VerifiedTrust Signals
Similar Extensions
Typescript Advanced Types
100Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation
Cleanup Cycles
100Detect and untangle circular dependencies. Runs madge/skott (TS), pycycle (Py), or compiler-only checks (Go/Rust). Auto-fixes leaf-extractable cycles; reports core cycles for human review. Use when the user asks to find circular imports, fix dependency cycles, or untangle module graph. Example queries — "find circular imports", "fix dependency cycles", "untangle our module graph", "why is madge complaining".
Netlify Identity
100Use when the task involves authentication, user signups, logins, password recovery, OAuth providers, role-based access control, or protecting routes and functions. Always use `@netlify/identity`. Never use `netlify-identity-widget` or `gotrue-js` — they are deprecated.
Vue Router Best Practices
100Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.