CV React developera - wzór i co wpisać [2026]

CV React developera: aktualny stack (React 19, Next.js, TypeScript), projekty z metrykami Core Web Vitals, testy i gotowy wzór CV frontendowca.

Autor: , Specjalista ds. Obsługi Klienta i szablonów CV w GenerujCV.com · Opublikowano: · Zaktualizowano:

Masz dopracowane portfolio, zielony wykres kontrybucji na GitHubie i kilka wdrożonych aplikacji w React. A mimo to CV wraca z odmową, zanim ktokolwiek otworzy repozytorium. To tylko pozornie sprzeczne: na pierwszym etapie rekruter rzadko ogląda kod. Pierwsze spojrzenie na CV trwa kilka–kilkanaście sekund i decyzja zapada na podstawie jednej strony tekstu. Jeśli wygląda ona jak lista technologii przepisana z ogłoszenia, do portfolio nikt nie dotrze.

CV reactowca ma więc trzech odbiorców. Rekrutera, który kodu nie zobaczy, ale musi uwierzyć, że jest dobry. System ATS, w którym rekruter wyszukuje kandydatów po słowach kluczowych. I tech leada, który na rozmowie dopyta o każdą linijkę. Poniżej - jak napisać jedną kartkę, która obroni się przed wszystkimi trzema bez naciągania.

Ten tekst dotyczy konkretnie frontendu w React: hooków, zarządzania stanem, Next.js, wydajności renderowania. Ogólne zasady CV w IT (backend, fullstack, DevOps, luki w karierze) opisuje poradnik CV programisty.

Co odróżnia reactowca od „kogoś, kto zna JavaScript”

Pierwszy filtr jest prosty: czy pisałeś React zawodowo, czy po kursie zrobiłeś jeden projekt na zaliczenie. Rekruter techniczny pozna to po sposobie, w jaki opisujesz pracę. Junior pisze „tworzyłem komponenty w React”. Ktoś z doświadczeniem pisze, co było trudne: stan rozjeżdżał się między widokami, więc wprowadził TanStack Query; lista renderowała się zbyt wolno, więc dodał wirtualizację; jeden ogromny komponent przy każdym re-renderze ciągnął całe drzewo, więc go rozbił. Konkret problemu jest mocniejszym dowodem niż nazwa biblioteki.

Drugi sygnał to rozumienie, że React to nie tylko składnia. Hooki wpisze każdy. Ale to, czy wiesz, kiedy useMemo faktycznie coś daje, kiedy stan powinien być lokalny, a kiedy globalny, i kiedy efekt uboczny jest zbędny, widać dopiero z opisu decyzji. Dokumentacja Reacta poświęca temu cały rozdział „You Might Not Need an Effect” - usuwanie zbędnych efektów upraszcza kod i zmniejsza liczbę błędów. Jeśli w projekcie zrobiłeś właśnie taki porządek, to świetny punkt do CV i temat na rozmowę.

Stack, który mówi „2026”, a nie „2019”

Sekcja umiejętności najłatwiej zdradza, jak dawno aktualizowałeś wiedzę. Kilka faktów z ostatnich lat:

Zamiast samego „React” napisz więc, z czym pracujesz: hooki, Context, Suspense, a jeśli dotykałeś - Server Components. Zamiast „znam Next.js” doprecyzuj App Router, renderowanie po stronie serwera, strategie cache. Stan to dziś rzadko czysty Redux - częściej Redux Toolkit, Zustand albo TanStack Query do danych z serwera.

Trzymaj tę sekcję krótką i pogrupowaną. Sekcja umiejętności nie jest spisem wszystkiego, czego dotknąłeś - to lista tematów, o których chcesz rozmawiać. Reguła: jeśli nie chcesz pytania o daną technologię, nie wpisuj jej. I nie podawaj pasków „React 90%” - dla osoby technicznej nic nie znaczą. Poziom lepiej widać po tym, co zrobiłeś.

Projekty: problem, decyzja, liczba

Tu rozstrzyga się większość rozmów. „Aplikacja w React i Redux” nie mówi nic. Ten sam projekt opisany przez problem, decyzję i wynik zaczyna rozmowę: „Lista produktów renderowała się 4 sekundy przy kilku tysiącach pozycji; wprowadziłem wirtualizację i code splitting; pierwszy render spadł do około sekundy (Lighthouse)”. Albo: „Te same dane były pobierane w kilku miejscach; warstwa zapytań przeszła na TanStack Query; zniknęły błędy nieaktualnego stanu”.

Liczba nie musi być spektakularna - musi być prawdziwa. Frontendowiec ma pod ręką wiarygodne metryki: wynik Lighthouse, rozmiar bundle'a, czas ładowania, liczbę błędów w monitoringu. Przy wydajności używaj języka, który zna każdy tech lead - Core Web Vitals według web.dev to LCP (ładowanie), INP (responsywność na interakcje) i CLS (stabilność układu). „INP z 450 do 180 ms po przeniesieniu ciężkich obliczeń z wątku głównego” to konkret, którego nie da się pomylić z ogólnikiem.

Bez komercyjnych projektów te same zasady działają na projektach własnych i open source. Liczy się, czy umiesz opowiedzieć o decyzjach, a nie to, czy ktoś Ci zapłacił. Zadbaj, żeby linki w CV - GitHub, portfolio, wdrożone demo - działały i prowadziły do uporządkowanych repozytoriów z README, a nie do trzech porzuconych projektów z jednym commitem.

Osobno wyciągnij testy, bo wielu kandydatów je pomija. Jest lub Vitest, React Testing Library, Playwright - to sygnał, że myślisz o utrzymaniu kodu, a nie tylko o tym, żeby „działało u mnie”. Jeśli pracowałeś blisko zespołu QA, zaznacz to; proces od strony testerów opisuje CV testera oprogramowania.

Podsumowanie zawodowe: junior i doświadczony

Pierwsze trzy, cztery zdania rekruter przeczyta na pewno. To miejsce na pozycjonowanie: kim jesteś, w czym konkretnie i co potrafisz udowodnić.

Junior nie powinien udawać seniora ani przepraszać za brak doświadczenia: „Frontend developer skupiony na React i TypeScript. Po bootcampie i trzech projektach własnych, w tym wdrożonej aplikacji z autoryzacją i testami w Vitest. Szukam pierwszej roli komercyjnej z regularnym code review.” Konkret zamiast „szybko się uczę”.

Osoba z kilkuletnim stażem ma odwrotny problem - za dużo materiału. Liczy się selekcja: „React developer z 5-letnim doświadczeniem w aplikacjach SaaS i e-commerce. Migracje z Create React App do Next.js (App Router), optymalizacja Core Web Vitals, design system w Storybook. Najmocniej w wydajności renderowania i architekturze stanu.” Jedna specjalizacja wybrzmiewa mocniej niż dziesięć wymienionych płasko.

Nie każda rola „reactowa” jest taka sama

Pod hasłem „React developer” kryją się różne prace. Przy rozbudowanej aplikacji SPA liczą się architektura stanu i wydajność przy tysiącach rekordów. Przy serwisie na Next.js - renderowanie po stronie serwera, SEO i Core Web Vitals. Przy bibliotece komponentów albo design systemie - spójność API, dostępność i dokumentacja. To samo CV wysłane na wszystkie trzy oferty za każdym razem trafia trochę obok.

Zanim wyślesz, sprawdź, co w ogłoszeniu powtarza się najczęściej. Jeśli trzy razy pada „Next.js” i „SSR”, nie otwieraj CV Reduxem sprzed lat. Przesuń na górę to, co pasuje do tej rekrutacji - bez zmyślania, tylko porządkując. ATS wyszukuje po słowach, więc jeśli oferta mówi „Next.js”, a Ty napisałeś tylko „React”, rekruter może Cię nie znaleźć, choć realnie spełniasz wymaganie. Używaj nazw z ogłoszenia, o ile naprawdę za nimi stoisz - akcenty dopasowujesz, technologii nie dopisujesz.

Czego unika dobre CV reactowca

W CV frontendowców przesyłanych przez GenerujCV regularnie powtarza się ten sam wzorzec: ściana technologii, zero kontekstu. Trzydzieści słów kluczowych, opis pracy ograniczony do „rozwój aplikacji w React”, projekt nazwany nazwą biblioteki. Taki dokument nie daje rekruterowi ani jednego haczyka do rozmowy.

Druga pułapka to przesada w drugą stronę: wszystkie frameworki JavaScriptu, backend, aplikacje mobilne i chmura po trochu. Na rolę frontendową to rozmywa przekaz - zamiast specjalisty czyta się kogoś, kto niczego nie robi naprawdę dobrze.

Trzecia dotyczy formy. Frontendowca kusi graficznie wymyślne CV, bo „przecież robię interfejsy”. Z perspektywy osoby, która czyta takie CV na pierwszym etapie, efekt bywa odwrotny: wielokolumnowe, kolorowe układy potrafią rozsypać się w parserze ATS, a treść ginie pod formą. Zmysł wizualny pokażesz w portfolio - CV ma przede wszystkim przekazać informację.

Gotowy wzór CV React developera - wypełniony przykład

Poniżej kompletny przykład CV frontend developera pracującego głównie w React i TypeScript. Imię, firmy, kontakt i metryki są fikcyjne - podmień je na własne dane i własne liczby z projektów, a opisy decyzji technicznych na te, które naprawdę podejmowałeś. Całość złożysz w kreatorze GenerujCV.com i wyeksportujesz jako jednokolumnowy PDF, który parser ATS odczyta bez potykania się o kolumny.

Wzór CV React developera - frontend z React, TypeScript i Next.js, wypełniony przykład

JAKUB WÓJCIK

React Developer (frontend, TypeScript)

Tel.: +48 600 000 000 · e-mail: jakub.wojcik@example.com · Kraków (zdalnie) · GitHub: github.com/przyklad

Podsumowanie zawodowe

Frontend developer z 5-letnim doświadczeniem w budowie aplikacji w React i TypeScript. Praca od projektu komponentu i stanu po wdrożenie i pomiar wydajności w produkcji. Migracje z Create React App do Next.js (App Router) i przejścia na React Server Components. Najbardziej w domu w obszarze architektury komponentów, dostępności (WCAG) i optymalizacji Core Web Vitals.

Doświadczenie zawodowe

React Developer - WebStudio Aplikacje Sp. z o.o., Kraków (06.2022 - obecnie)

Frontend Developer (React) - Software house CodeFlow, Kraków (08.2020 - 05.2022)

Wykształcenie

Inżynier, informatyka - Akademia Górniczo-Hutnicza w Krakowie (2016 - 2020)

Certyfikaty i kursy

Projekty

Umiejętności

Języki

Klauzula RODO

Wyrażam zgodę na przetwarzanie moich danych osobowych zawartych w CV na potrzeby tej rekrutacji, zgodnie z RODO (rozporządzenie 2016/679).

Wzór powyżej jest złożony w szablonie Prestiżowy - w kreatorze wybierzesz go z listy i zmienisz kolor akcentu.

Zanim wyślesz

Na koniec przeczytaj dokument oczami tech leada. Przy każdej technologii zapytaj siebie, czy obronisz ją na rozmowie - jeśli nie, lepiej ją usunąć, niż dać się przyłapać na dopytaniu. Przy każdym projekcie sprawdź, czy widać problem i wynik, a nie tylko nazwę frameworka. I kliknij wszystkie linki: martwy odnośnik do portfolio w CV frontendowca psuje wrażenie bardziej niż jego brak.

Jeśli opisy brzmią sucho, możesz oprzeć się na pomocy AI przy pisaniu CV albo gotowych promptach do ChatGPT. Model dobrze przeformułuje zdania, ale nie wymyśli za Ciebie decyzji technicznych - a to ich będziesz bronić na rozmowie.

Gotowe CV React developera złożysz w kreatorze GenerujCV.com: uzupełniasz stack, projekty i wyniki, wybierasz jeden z szablonów CV i pobierasz PDF, który parser ATS odczyta bez potykania się o kolumny.