modern-javascript-patterns

Umiejętność do refaktoryzacji kodu JavaScript na ES6+ i wdrażania wzorców funkcyjnych. Naucz się async/await, destructuring, spread operators, arrow functions, promises, modułów, iteratorów i generatorów. Idealna do optymalizacji wydajności, pisania czystego kodu i migracji z callbacków na nowoczesne rozwiązania. Zawiera playbook z konkretnymi przykładami implementacji.

1. Zainstaluj umiejętność w swoim środowisku agenta lub MCP serwera — dodaj ją do konfiguracji skills, wskazując ścieżkę repozytorium.

2. 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ę.

3. 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").

4. Przejrzyj szczegółowe przykłady — jeśli potrzebujesz konkretnych implementacji, otwórz plik resources/implementation-playbook.md zawierający wzorce i gotowe rozwiązania dla każdej kategorii ES6+.

5. Zastosuj rekomendacje — umiejętność dostarczy actionable steps i best practices; zweryfikuj wynik, sprawdzając czytelność, wydajność i zgodność z nowoczesnym standardem JavaScript.

6. 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).