Modern Javascript Patterns
Skill Verifiziert AktivMaster 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.
Funktionen
- 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
Anwendungsfälle
- 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
Nicht-Ziele
- 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
Zuerst Marketplace hinzufügen
/plugin marketplace add wshobson/agents/plugin install javascript-typescript@claude-code-workflowsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
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
100Verwenden Sie dies, wenn die Aufgabe Authentifizierung, Benutzerregistrierungen, Anmeldungen, Passwortwiederherstellung, OAuth-Anbieter, rollenbasierte Zugriffskontrolle oder den Schutz von Routen und Funktionen beinhaltet. Verwenden Sie immer `@netlify/identity`. Verwenden Sie niemals `netlify-identity-widget` oder `gotrue-js` – diese sind veraltet.
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.