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
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
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.
How to use
Zainstaluj umiejętność w swoim środowisku agenta lub MCP serwera — dodaj ją do konfiguracji skills, wskazując ścieżkę repozytorium.
Przygotuj zadanie refaktoryzacji lub optymalizacji — określ, czy chodzi o konwersję callbacków na async/await, implementację destructuring, czy wdrożenie functional programming patterns. Wyjaśnij kontekst: czy refaktoryzujesz legacy code, czy budujesz nową aplikację.
Uruchom umiejętność z opisem problemu — podaj fragment kodu lub wymagania dotyczące wzorców, które chcesz zastosować (np. "Zamień callback hell na async/await" lub "Zoptymalizuj transformację danych za pomocą map/filter/reduce").
Przejrzyj szczegółowe przykłady — jeśli potrzebujesz konkretnych implementacji, otwórz plik
resources/implementation-playbook.mdzawierający wzorce i gotowe rozwiązania dla każdej kategorii ES6+.Zastosuj rekomendacje — umiejętność dostarczy actionable steps i best practices; zweryfikuj wynik, sprawdzając czytelność, wydajność i zgodność z nowoczesnym standardem JavaScript.
Iteruj i optymalizuj — jeśli pracujesz nad pipeline'em transformacji danych lub złożoną logiką asynchroniczną, wróć do umiejętności z pytaniami o konkretne wzorce (generatory, iteratory, composition functions).