Agent skill · software engineering · aiskillstore

modern-javascript-patterns

Master 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.

Why this skill is useful

Codifies modern JavaScript patterns and best practices that the AI could infer but doesn't have to guess.

What it needs

About 11k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.

What this skill does

Modern JavaScript Patterns Comprehensive guide for mastering modern JavaScript (ES6+) features, functional programming patterns, and best practices for writing clean, maintainable, and performant code. When to Use This Skill Refactoring legacy JavaScript to modern syntax Implementing functional programming patterns Optimizing JavaScript performance Writing maintainable and readable code Working with asynchronous operations Building modern web applications Migrating from callbacks to Promises/async-await Implementing data transformation pipelines ES6+ Core Features 1. Arrow Functions Syntax and Use Cases: Lexical 'this' Binding: 2. Destructuring Object Destructuring: Array Destructuring: 3. Spread and Rest Operators Spread Operator: Rest Parameters: 4. Template Literals 5. Enhanced Object Literals Asynchronous Patterns 1. Promises Creating and Using Promises: Promise Combinators: 2. Async/Await Basic Usage: Advanced Patterns: Functional Programming Patterns 1. Array Methods Map, Filter, Reduce: Advanced Array Methods: 2. Higher-Order Functions Functions as Arguments: Functions Returning Functions: 3. Composition and Piping 4. Pure Functions and Immutability Modern Class Features Modules (ES6) Iterators and Generators Modern Operators Performance Optimization Best Practices 1. Use const by default: Only use let when reassignment is needed 2. Prefer arrow functions: Especially for callbacks 3. Use template literals: Instead of string concatenation 4. Destructure objects and arrays: For cleaner code 5. Use async/await: Instead of Promise chains 6. Avoid mutating data: Use spread operator and array methods 7. Use optional chaining: Prevent "Cannot read property of undefined" 8. Use nullish coalescing: For default values 9. Prefer array methods: Over traditional loops 10. Use modules: For better code organization 11. Write pure functions: Easier to test and reason about 12. Use meaningful variable names: Self-documenting code 13. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills aiskillstore/modern-javascript-patterns--73a530

View the source on GitHub

Browse the @skills marketplace