Piszesz w JavaScript lub TypeScript? Skorzystaj z gotowych promptów AI, by przyspieszyć pisanie kodu frontendowego i backendowego.
Prompty do pisania kodu JavaScript i TypeScript
AI, jak ChatGPT czy Copilot, potrafi pisać kod JS/TS na zawołanie. Wystarczy dobrze sformułowany prompt. Poniżej znajdziesz konkretne szablony promptów do JavaScript i TypeScript – do użytku w ChatGPT, Copilot Chat i innych narzędziach AI.
1. Generowanie funkcji na podstawie opisu
Najprostszy i najczęściej używany prompt. Opisz, co ma robić funkcja, i pozwól AI napisać kod.
Napisz funkcję w JavaScript, która przyjmuje tablicę liczb i zwraca nową tablicę z tylko parzystymi liczbami.Kiedy używać? Gdy chcesz szybko wygenerować kod do prostego zadania.
Tip: Dodaj „użyj metody filter” lub „nie używaj pętli for” jeśli zależy ci na konkretnym stylu kodu.
2. Przepisywanie kodu z JS do TS (i odwrotnie)
Chcesz przekonwertować istniejący kod JS na TypeScript? Użyj tego promptu:
Przekonwertuj poniższą funkcję z JavaScript na TypeScript, dodając odpowiednie typy: [Wklej kod funkcji]Kiedy używać? Gdy migrujesz projekt z JS do TS lub chcesz zobaczyć, jak wygląda typowanie w TS.
Tip: Poproś o „dodanie typów do każdego argumentu i wartości zwracanej” dla lepszej precyzji.
3. Refaktoryzacja i poprawianie kodu
Masz legacy code, który wymaga poprawy? AI podpowie, jak go zoptymalizować:
Zrefaktoryzuj poniższą funkcję w JavaScript, aby była bardziej czytelna i zgodna z dobrymi praktykami: [Wklej kod]Kiedy używać? Gdy chcesz poprawić czytelność, wydajność lub styl kodu.
Tip: Dodaj „zgodnie z ESLint Airbnb” jeśli masz wymagania co do stylu.
4. Tłumaczenie kodu na „zwykły język”
Nie rozumiesz czyjegoś kodu? Poproś AI o wyjaśnienie:
Wyjaśnij krok po kroku, co robi poniższy kod JavaScript: [Wklej kod]Kiedy używać? Przy przeglądaniu obcego kodu lub debugowaniu.
Tip: Dodaj „wyjaśnij jak dla junior developera” jeśli chcesz prostsze tłumaczenie.
5. Generowanie testów jednostkowych
Nie lubisz pisać testów? Nie musisz. AI zrobi to za ciebie:
Napisz testy jednostkowe w Jest dla poniższej funkcji w JavaScript: [Wklej kod funkcji]Kiedy używać? Gdy chcesz szybko pokryć kod testami lub zobaczyć przykładowe testy.
Tip: Możesz poprosić o „wygeneruj edge case’y” – AI znajdzie nietypowe przypadki.
6. Tworzenie komponentów React
Szybkie prototypowanie komponentów frontendowych:
Napisz funkcjonalny komponent React w TypeScript, który wyświetla listę użytkowników z propsów i obsługuje kliknięcie na użytkownika.Kiedy używać? Przy tworzeniu nowych widoków lub prototypów.
Tip: Dodaj „z użyciem styled-components” lub „z hookiem useEffect” jeśli masz dodatkowe wymagania.
7. Kiedy warto stosować chain-of-thought?
Chain-of-thought to technika, która pomaga AI krok po kroku rozwiązać problem.
Napisz funkcję w JavaScript, która sprawdza, czy dana liczba jest liczbą pierwszą. Najpierw wyjaśnij krok po kroku swoje rozumowanie, a potem napisz kod.Kiedy używać? Przy zadaniach algorytmicznych lub nauce programowania.
Tip: Dla lepszego zrozumienia poproś: „dodaj komentarze w kodzie do każdego kroku”.
Praktyczne wskazówki do promptów JS/TS
- Im bardziej szczegółowy prompt, tym lepszy wynik (np. „użyj async/await”, „nie używaj bibliotek”).
- AI często generuje kod, który trzeba przetestować – nigdy nie kopiuj bez sprawdzenia.
- Dodawaj przykłady wejścia/wyjścia: „Przykład: wejście [1,2,3], wyjście [2]”.
- Możesz kazać AI napisać kod w kilku wariantach: „najpierw w czystym JS, potem w TypeScript”.
Podsumowanie
Dobre prompty to podstawa efektywnej pracy z AI przy kodowaniu w JavaScript i TypeScript. Korzystaj z powyższych szablonów, eksperymentuj i dostosowuj je do swoich potrzeb. AI nie zastąpi twojej wiedzy, ale świetnie przyspieszy codzienną pracę frontendowca i backendowca.
Masz własne prompty JavaScript? Podziel się nimi w komentarzach!