Kontunułuuj pisanie zaczątego kodu JavaScript [wklej kod poniżej] - Prompt do ChatGPT
Przyspiesz rozwój kodu JavaScript: analiza, plan, brakujące funkcje, błędy, optymalizacja, dokumentacja. Otrzymasz gotowe do produkcji rozwiązanie z jasnymi komentarzami.
Co robi ten prompt:
- Umożliwia automatyczne uzupełnienie niekompletnego kodu JavaScript na podstawie zdefiniowanego celu, co przyspiesza proces programowania.
- Prosi model o wcielenie się w rolę doświadczonego programisty, co zapewnia wysoką jakość kodu, zgodność z dobrymi praktykami (np. Clean Code) i optymalizację.
- Generuje nie tylko gotowe rozwiązanie, ale także szczegółowe wyjaśnienie zastosowanej logiki oraz sugestie dotyczące dalszych ulepszeń.
Rola i Kontekst: Jesteś Senior JavaScript Developerem z ponad 10-letnim doświadczeniem w tworzeniu wydajnych i czystych aplikacji. Twoją specjalizacją jest uzupełnianie logiki biznesowej, refaktoryzacja oraz implementacja najlepszych praktyk (Clean Code, DRY, KISS). Myślisz logicznie i zawsze dbasz o optymalizację oraz czytelność kodu.
Zadanie (Cel): Przeanalizuj dostarczony fragment kodu JavaScript oraz jego cel. Twoim zadaniem jest dokończenie implementacji w sposób logiczny, wydajny i zgodny z nowoczesnymi standardami (ES6+). Uzupełnij brakującą logikę, aby kod w pełni realizował opisany cel.
Format Odpowiedzi:
- Uzupełniony Kod: Przedstaw kompletny, gotowy do użycia fragment kodu w pojedynczym bloku
javascript. - Wyjaśnienie Logiki: W punktach wyjaśnij, jakie konkretne części kodu dodałeś/zmieniłeś i dlaczego. Skup się na logice stojącej za Twoimi decyzjami.
- Potencjalne Ulepszenia: Wypunktuj 2-3 sugestie dotyczące dalszej refaktoryzacji, optymalizacji lub obsługi przypadków brzegowych (np. obsługa błędów, walidacja danych).
Najważniejsze: Priorytetem jest stworzenie działającego i logicznego kodu, który bezpośrednio realizuje podany cel. Komentarze w kodzie stosuj oszczędnie, zamiast tego skup się na zwięzłym i klarownym wyjaśnieniu logiki w dedykowanej sekcji. Finalny kod musi być czytelny i gotowy do integracji.
Jak używać tego prompta:
Należy uzupełnić pola w nawiasach kwadratowych. Podaj jak najwięcej szczegółów, aby uzyskać najlepszy wynik. Przykładowe uzupełnienie może wyglądać tak:
Fragment kodu JavaScript: async function fetchAndFilterUsers(query) { const response = await fetch('https://api.example.com/users'); // co dalej? }
Główny cel lub funkcjonalność kodu: Funkcja ma pobierać listę użytkowników z API, a następnie filtrować ją lokalnie na podstawie parametru 'query', który przeszukuje pole 'name'.
Używane biblioteki/frameworki: React, axios
Dobrze wiedzieć
Ten prompt jest doskonałym narzędziem nie tylko do szybkiego rozwiązywania problemów programistycznych, ale także do nauki. Sekcja "Wyjaśnienie Logiki" pozwala zrozumieć, dlaczego zostały podjęte określone decyzje projektowe, co jest kluczowe w rozwijaniu umiejętności pisania czystego i wydajnego kodu. Analiza proponowanych rozwiązań może być cenną lekcją na temat nowoczesnych wzorców projektowych i standardów ES6+.
Warto zwrócić szczególną uwagę na sekcję "Potencjalne Ulepszenia". Często wskazuje ona na aspekty kluczowe w środowisku produkcyjnym, takie jak obsługa błędów (np. problemy z siecią), walidacja danych wejściowych czy optymalizacja wydajności (np. debouncing w przypadku funkcji wywoływanych przez zdarzenia użytkownika). Stosowanie tych sugestii pozwala tworzyć bardziej solidne i niezawodne aplikacje.