Back to blog
7 min read

React på ditt CV: Så visar du det så att arbetsgivare faktiskt märker det

Halva frontendmarknaden påstår sig kunna React. Så här skriver du ett CV som visar djup — RSC, testning, prestanda och produktionsmässiga mönster.

cv-guidereacttekniska färdigheterkarriärråd

React listas på fler utvecklares CV:n än nästan vilken annan frontendteknik som helst. Det gör uppgiften att sticka ut med det ovanligt svår. Mellan- och seniornivåroller i React hos konkurrenskraftiga företag får hundratals ansökningar från kandidater som alla påstår sig ha React-kompetens — många med flera års erfarenhet. De som faktiskt kallas till intervju är inte nödvändigtvis de skickligaste ingenjörerna; de är de vars CV gör deras djupa React-kunskaper lättlästa vid en snabb blick.

React-ekosystemet har också förändrats markant under de senaste två åren. React Server Components, App Router i Next.js, att Create React App har deprecerats och skiftet mot server-first renderingsmönster innebär att ett React-CV som inte speglar dessa förändringar läses som föråldrat. Rekryterare känner ekosystemet väl. Gammal terminologi signalerar att du inte hänger med — vilket är precis det intryck du inte vill ge.


Vad ATS-system och rekryterare letar efter

ATS-system matchar "React" enkelt, men differentieringen sker i den mänskliga granskningsfasen. Ingenjörschefer och seniora ingenjörer som granskar React-CV:n letar efter:

Ramverkskontext: React ensamt är ett bibliotek. Vad bygger du det med? Next.js (och vilken version — Pages Router eller App Router?), Remix, Gatsby, Vite eller en anpassad Webpack/Vite-uppsättning? Ramverksvalet avslöjar arkitektoniskt tänkande och ekosystemkunnighet.

State management-approach: Redux är fortfarande utbrett i företagskodbaser, men React Query (TanStack Query), Zustand, Jotai och Recoil har dominerat nyutveckling sedan 2022. Vilka verktyg väljer du och varför? En kandidat som kan artikulera avvägningarna mellan serverstate (React Query) och klientstate (Zustand) signalerar genuint djup.

TypeScript: År 2026 tas TypeScript för givet. Ett React-CV utan TypeScript nämnt väcker frågor såvida du inte söker en mycket specifik roll. Notera avancerat TypeScript-arbete — discriminated unions för komponentprops, generiska komponenter, utility types för API-svarsformer.

Testning: React Testing Library, Vitest, Jest, Playwright, Cypress. En frontend-ingenjör som inte testar är en risk. Visa testverktygen och, ännu bättre, kvantifiera täckningsnivåer eller beskriv vad du hittade med tester.

Prestandaarbete: Core Web Vitals, Lighthouse-poäng, code splitting, lazy loading, bundle-analys (Webpack Bundle Analyzer, Rollup visualizer), bildoptimering. Om du mätbart förbättrat frontendprestanda är det ett av de starkaste signaler du kan sätta på ett CV.


Hur du kvantifierar React-erfarenhet

Frontend-arbete är svårare att kvantifiera än backendarbete, men det är långt ifrån omöjligt. Nyckeln är att koppla den tekniska implementationen till ett affärsmässigt eller användarrelaterat resultat.

Före: Built React components for a SaaS dashboard.

Efter: Architected and shipped a data-heavy analytics dashboard in React 18 + Next.js 14 (App Router) serving 8,000 daily active users; implemented server-side data fetching with React Server Components, virtualized table rendering for datasets of 100K+ rows using TanStack Virtual, and reduced initial page load from 4.2 s to 1.1 s (measured via Lighthouse).

Före: Improved the performance of a React application.

Efter: Diagnosed and resolved critical performance regressions in a React 17 SPA through React DevTools Profiler; eliminated 23 unnecessary re-renders by moving to React.memo and useCallback patterns, replaced a synchronous Context-based store with Zustand, and improved interaction-to-next-paint (INP) from 420 ms to 95 ms — moving the product from "poor" to "good" on CWV.

Före: Worked on a design system in React.

Efter: Built and maintained a company-wide React component library (60+ components) used by 5 product teams; established Storybook documentation, visual regression testing with Chromatic, and semantic versioning — reducing cross-team integration issues by 40% in the quarter following launch.


React-ekosystemet: Vad du ska signalera och hur

React-arbete spänner över ett brett område. Strukturera dina färdigheter för att tydligt spegla din specialisering:

Centrala React-mönster: Hooks (custom hooks, compound component pattern, render prop pattern), Context API (lämplig avgränsning), error boundaries, Suspense + lazy loading, React 18 concurrent features (useTransition, useDeferredValue)

Server-side och full-stack: Next.js App Router, React Server Components, Server Actions, streaming SSR, tRPC, React Query/SWR för datahämtning och cachehantering

State management: Zustand, Jotai, Redux Toolkit (RTK), XState för komplexa tillståndsmaskiner, TanStack Query för serverstate

Styling: Tailwind CSS, CSS Modules, styled-components, vanilla-extract, Stitches, Radix UI + shadcn/ui

Testning: React Testing Library, Vitest, Jest, Playwright, Cypress, Storybook + Chromatic

Byggverktyg: Vite, Webpack 5, Turbopack (Next.js), esbuild, Rollup, bundle-analys

Prestanda: Web Vitals (LCP, CLS, INP, FCP), Lighthouse CI, lazy loading, code splitting, bildoptimering (next/image), prefetching-strategier

Lista inte allt detta på ett enda CV. Betona den delmängd som matchar den roll du siktar på. En Next.js full-stack-roll bryr sig om RSC och server actions. En frontendplattforms-roll bryr sig om design systems, testning och byggverktyg. En tillväxtfokuserad roll bryr sig om prestanda och Core Web Vitals.


Var du placerar React på ditt CV

Kompetenssektionen: "React 18 (avancerat) — Next.js App Router, TypeScript, TanStack Query, React Testing Library, Tailwind CSS" är en tydlig och lättläst rad. Organisera färdigheter efter kategori: ramverk/bibliotek, state, testning, verktyg, prestanda.

Erfarenhetspunkter: Lyft fram React-ekosystemet i sammanhang, inte bara överst i rollen. En punkt som lyder "Built checkout flow in React, reducing cart abandonment by 18%" gör mer arbete än att lista React i en kompetenskolumn.

Projektsektion: Om du har lanserat en Next.js SaaS, ett open source React-bibliotek eller ett anmärkningsvärt personligt projekt är ett kort projektavsnitt med en live-URL och en mening om vad det gör starkt stödjande bevis. Rekryterare klickar på länkar om projektbeskrivningen är specifik.


Certifieringar och meriter

React har inget officiellt certifieringsprogram, och marknaden vet om det. Vad som bär vikt i stället:

  • Meta Front-End Developer Certificate (Coursera): Nybörjar- till tidig mellannivå; användbart för kandidater som ger sig in i branschen.
  • Epic React by Kent C. Dodds: Ingen formell certifiering men signalerar genuint djup för ingenjörer som vet vad det täcker. Värt att nämna i en sammanfattning eller profilsektion.
  • Next.js-certifiering (Vercel, om och när den finns tillgänglig): Håll ett öga på detta — Vercel har signalerat avsikt.
  • Bidrag till React-ekosystemets repos: En PR till React, Next.js, TanStack Query eller ett stort komponentbibliotek bär avsevärd signal. Länka till den.
  • Offentliga föreläsningar, blogginlägg, konferensframträdanden: Synlighet i React-communityn (React Summit, React Conf, lokala meetups) är en trovärdighetsförstärkare för seniora och principal-roller.

Vanliga misstag som försvagar React-CV:n

Listar React utan ett ramverk. "React" ensamt år 2026 är som att lista "JavaScript" år 2016. Vilken version? Vilket ramverk? Vilken renderingsstrategi? Det är de specifika detaljerna rekryterare söker efter.

Utelämnar state management-verktyg. Var din data lever och hur den flödar är ett centralt arkitektoniskt beslut i React. Att inte nämna din state management-approach antyder att du inte tänkt noggrant på det.

Beskriver komponenter, inte funktioner. "Built a modal component" är ingen CV-punkt — det är en kommentar från en code review. "Built a configurable confirmation modal used across 12 product surfaces, with ARIA-compliant focus trapping and keyboard dismissal — adopted as part of the design system and contributed to a 0.4-point improvement in accessibility audit score" är en CV-punkt.

Ingen omnämning av RSC eller App Router. Om du har arbetat med Next.js men fortfarande beskriver allt som en klientsid-SPA, läses ditt CV som att du ligger efter. Även om det mesta av ditt arbete föregår App Router, nämn var du har experimenterat eller migrerat.

Vaga referenser till prestandaförbättringar. "Optimised performance" utan ett mätvärde är meningslöst. Lighthouse-poäng, Web Vitals-band (poor/needs improvement/good), millisekunder eller procentförbättringar — vilket tal som helst förankrar påståendet och gör det verifierbart.

Se hur NextCV anpassar ditt CV efter jobbannonsens krav


Avslutning

React-jobbmarknaden är trång, men de flesta CV:n i den är medelmåttiga — fyllda med generiska punkter som beskriver arbete utan kontext, skala eller resultat. Ett React-CV som talar i specifika termer (RSC kontra klientkomponenter, konkreta prestandamätvärden, namngivna ekosystemverktyg i sammanhang) sticker omedelbart ut för alla ingenjörer som läser det.

NextCV matchar din React-bakgrund mot de specifika Next.js-, prestanda- eller design system-signalerna i jobbannonsen du siktar på, och omstrukturerar ditt CV för att lyfta fram det arbete som spelar störst roll för just den rollen.

Ready to build your tailored CV?

Paste any job posting and get a CV optimized for that specific role — in seconds.

Try NextCV free