← Wszystkie usługiUsługa 10 / 14

Usługa

React tam gdzie nie potrzeba SSR

React jest świetny, gdy aplikacja działa za logowaniem albo nie ma wymagań SEO. Mniej narzutu Next.js, mniej kosztu hostingu, mniej decyzji do podjęcia po stronie infrastruktury.

Tak to wygląda w praktyce.

Lab — Sklep Full-Stack
2023 · LabReact + NestJS + MySQL + realtime product preview

Klient · 2023

Lab

Aplikacja e-commerce z customizatorem T-shirtów. React + NestJS + MySQL. Realtime preview produktu (kolory, rozmiary, naklejki), koszyk persystentny w localStorage, autoryzacja, panel admina. Projekt edukacyjny z bootcampu — pełna implementacja od zera w 4 tygodnie.

  • NestJS
  • React
  • MySQL
Case

Robię React od 2020 roku. Większość projektów lab dostępnych na GitHubie to React: dashboardy, panele, aplikacje czasu rzeczywistego, sklepy edukacyjne. Część komercyjna, np. moduły do większych systemów, robiona również w React + Vite.

Klientom, którzy mają już backend (PHP, Java, Python), dokładam frontend. Komponenty, integracja z API, design system, testy.

Cztery rzeczy, które dostajesz.

01

Vite zamiast CRA

Create React App nie jest rozwijany od 2023 roku. Nowe projekty stawiam na Vite: szybsza praca, mniejsza paczka JavaScriptu, wygodniejsze narzędzia.

02

Design system

Zamiast pisać komponenty od zera, używam shadcn/ui jako bazy i dopasowuję do marki klienta. Kod należy do klienta, bez uzależnienia od dostawcy.

03

Zarządzanie stanem

Zustand albo Redux Toolkit, jeśli skala wymaga. TanStack Query dla danych z API. Bez zbędnych warstw abstrakcji.

04

Testowanie

Vitest + Testing Library. Krytyczne ścieżki dodatkowo w Playwright. Pokrycie tylko tam, gdzie ryzyko regresu jest realne.

Krok po kroku.

  1. 01

    Audyt istniejącego

    Jeśli wchodzę na trwający projekt, najpierw audyt: co działa, co boli, gdzie najpierw wkładać pracę.

  2. 02

    Plan iteracji

    Roadmapa na 4-8 tygodni z priorytetami. Co tydzień przegląd, klient widzi efekty.

  3. 03

    Code review i pair

    Dla zespołów wewnętrznych dorzucam code review i pair programming. Wiedza zostaje w firmie.

Krótkie odpowiedzi.

Co jeśli mamy starszy projekt na React 17?+

Migrację 17 → 19 robiłem już kilka razy. Plan: incremental upgrade, najpierw zależności, potem hooki, potem nowe API. Bez przepisywania od zera.

Czy mogę zatrudnić Cię na godziny?+

Tak, jako freelancer React. Faktura na koniec miesiąca. Wycenę przygotowuję indywidualnie po zapoznaniu się z briefem.

Współpraca długoterminowa?+

Najczęstsza forma. Stawka miesięczna za określoną liczbę godzin, kontrakt B2B lub UoD.

Następny krok

Daj znać, czego szukasz, odpiszę w ciągu dnia