Słownik technologii
Krótki przewodnik po technologiach z naszego stacku — czym są, do czego służą i jaką rolę pełnią w projektach.
TypeScript
Typowany nadzbiór JavaScriptu, który wcześniej wykrywa błędy i ułatwia utrzymanie kodu. Stosujemy go jako domyślny język frontendu i usług Node, by API, UI i wspólne moduły były spójne.
JavaScript
Podstawowy język środowiska webowego. Nadal niezbędny w narzędziach, API przeglądarki i interoperacyjności — TypeScript kompiluje się do niego na produkcję.
React
Biblioteka komponentów do budowy interaktywnych interfejsów. Fundament naszych UI klienta: wielokrotne użycie komponentów, przewidywalny stan i skalowalne powierzchnie produktowe.
Next.js
Framework Reacta do aplikacji produkcyjnych z routingiem, strategiami renderowania i konwencjami wdrożeń. Pozwala dostarczać szybkie, SEO-friendly i utrzymywalne produkty webowe.
App Router
Model routingu Next.js oparty o katalog app, layouty i komponenty serwerowe. Porządkuje nowoczesne projekty Next.js z zagnieżdżonymi layoutami i kontrolą renderowania.
Pages Router
Klasyczny router plikowy Next.js. Wspieramy i migrujemy projekty Pages Router, gdy produkt wymaga stopniowej modernizacji.
Redux
Przewidywalny kontener stanu globalnego dla złożonych aplikacji klienckich. Przydatny, gdy wiele funkcji dzieli krytyczny stan i potrzebuje jasnych przepływów aktualizacji.
Zustand
Lekka biblioteka stanu Reacta z minimalnym API. Sięgamy po nią, gdy wspólny stan UI ma pozostać prosty bez ceremoniału Reduxa.
MobX
Reaktywne zarządzanie stanem oparte o observable. Występuje w starszych bazach Reacta, które utrzymujemy i modernizujemy.
SWR
Biblioteka pobierania danych w Reactie z naciskiem na cache i rewalidację. Utrzymuje świeżość danych zdalnych i ogranicza zbędny ruch sieciowy.
Axios
Klient HTTP z interceptorami i spójną obsługą żądań. Używamy go do typowanego dostępu API oraz wspólnego middleware auth/błędów.
React Query
Potężna biblioteka stanu asynchronicznego (TanStack Query) dla danych serwerowych. Zarządza cache, retry i aktualizacjami w tle w UI opartych o API.
Fetch
Natywne API HTTP przeglądarki/Node. Stosujemy je do lekkich zapytań i fetchowania po stronie serwera Next.js, gdy cięższy klient nie jest potrzebny.
GraphQL
Język zapytań i runtime API, w którym klient prosi dokładnie o potrzebne pola. Przydatny przy elastycznych kontraktach danych produktu.
WebSockets
Dwukierunkowy kanał komunikacji do aktualizacji w czasie rzeczywistym. Używamy go do syncu, powiadomień i przepływów współpracy.
REST
Styl API HTTP zorientowany na zasoby. Większość integracji i backendów eksponuje endpointy REST z jasnymi kontraktami i semantyką statusów.
NextAuth
Uwierzytelnianie dla aplikacji Next.js (Auth.js). Podłącza providery, sesje i chronione trasy do produktowych przepływów auth.
OAuth 2.0
Standard autoryzacji z dostępem delegowanym. Wdrażamy OAuth 2.0, by użytkownicy logowali się bezpiecznie przez zaufanych dostawców tożsamości.
Clerk
Hostowana platforma auth i zarządzania użytkownikami. Przyspiesza bezpieczne logowanie, sesje i funkcje organizacji.
JWT
JSON Web Tokens — zwięzłe, weryfikowalne claimy. Chronią API i przenoszą dane sesji/autoryzacji między usługami.
HeroUI
Biblioteka komponentów React z dostępnymi prymitywami. Pomaga składać dopracowane UI bez odtwarzania typowych wzorców.
Tailwind CSS
Framework CSS utility-first do szybkiego, spójnego stylowania. Utrzymuje tokeny designu i system odstępów w UI produktu.
MUI
Material UI — dojrzały system komponentów React. Stosujemy go w gęstych panelach admin i doświadczeniach zgodnych z Material.
Bootstrap
Popularny framework CSS i zestaw komponentów. Nadal istotny w legacy UI, które utrzymujemy lub stopniowo przebudowujemy.
Styled Components
CSS-in-JS ze stylami powiązanymi z komponentami. Spotykany w bazach Reacta, gdzie style podróżują wraz z komponentami.
Sass
Preprocesor CSS ze zmiennymi, zagnieżdżaniem i mixinami. Przydatny w design systemach i starszych arkuszach, które nadal rozwijamy.
Less
Kolejny preprocesor CSS w legacy pipeline’ach stylów. Utrzymujemy i migrujemy UI oparte o Less, gdy projekt tego wymaga.
Vite
Szybki nowoczesny bundler i serwer deweloperski. Preferowany dla lekkiego toolingu Reacta, bibliotek i aplikacji poza ścieżką Next.js.
Webpack
Elastyczny bundler modułów napędzający wiele produkcyjnych frontendów. Konfigurujemy i optymalizujemy go w ustalonych pipeline’ach.
Rollup
Bundler nastawiony na efektywne buildy bibliotek. Używany przy pakowaniu wspólnych modułów i pakietów design systemu.
AWS
Platforma chmurowa Amazon Web Services. Hosting, storage, sieć i infrastruktura wspierająca produkty webowe.
Vercel
Platforma zoptymalizowana pod wdrożenia Next.js. Idealna do previewów, edge delivery i szybkich releasów frontendu.
Heroku
Platforma PaaS do wdrażania aplikacji webowych. Nadal używana do prostego hostingu i środowisk staging.
Node.js
Runtime JavaScriptu po stronie serwera. Napędza nasze API, tooling i usługi full-stack Node.
Express.js
Minimalistyczny framework Node.js. Sprawdzony wybór do REST API i backendów opartych o middleware.
Fastify
Wydajny framework Node.js z mocnym wsparciem schematów. Gdy liczy się przepustowość API i walidacja.
NestJS
Ustrukturyzowany framework Node.js inspirowany wzorcami Angulara. Porządkuje większe backendy modułami, DI i jasnymi granicami.
Docker
Konteneryzacja dla spójnych środowisk. Pakujemy aplikacje i usługi, by local, CI i produkcja były zgodne.
Kubernetes
Orkiestracja kontenerów w skali. Odporne workloady, rolling update’y i service discovery.
K3s
Lekka dystrybucja Kubernetesa. Praktyczna dla mniejszych klastrów oraz środowisk edge/lab.
Rancher
Platforma do zarządzania Kubernetesem. Pomaga operować klastrami, workloadami i setupami multi-cluster.
Linux
Fundament systemów operacyjnych większości serwerów i kontenerów. Codzienne środowisko wdrożeń i operacji.
Nginx
Wydajny serwer WWW i reverse proxy. Terminacja TLS, routing i serwowanie assetów.
Apache
Klasyczny serwer HTTP w wielu setupach hostingowych. Konfigurujemy i utrzymujemy go, gdy projekt na nim polega.
MongoDB
Baza dokumentowa dla elastycznych danych JSON-like. Przydatna w domenach produktu, które szybko się zmieniają.
MySQL
Niezawodna relacyjna baza danych. Częsta w e-commerce i aplikacjach biznesowych wymagających transakcji.
SQL
Język danych relacyjnych. Projektujemy schematy, zapytania i migracje, by dane produktu były wiarygodne.
ArangoDB
Baza multi-model wspierająca dokumenty i grafy. Gdy liczą się zarówno relacje, jak i elastyczne dokumenty.
Prisma ORM
Typowany ORM dla Node.js i TypeScriptu. Łączy modele aplikacji z bazami SQL przez generowany klient i migracje.
Playwright
Testy E2E w nowoczesnych przeglądarkach. Chronimy krytyczne ścieżki użytkownika w CI.
Puppeteer
Automatyzacja headless Chrome. Scraping, generowanie PDF i przepływy sterowane przeglądarką.
Cypress
Popularny framework testów E2E aplikacji webowych. Weryfikuje przepływy UI z szybkim feedbackiem lokalnym.
Jest
Runner testów JavaScriptu do unit i integration. Domyślny wybór dla testów komponentów i narzędzi.
React Testing Library
Narzędzia testowe zachęcające do testów Reacta z perspektywy użytkownika. Asercje zachowania, nie szczegółów implementacji.
Storybook
Warsztat do budowy komponentów UI w izolacji. Dokumentacja design systemu i przegląd wizualny.
Git
Rozproszona kontrola wersji. Podstawa współpracy, review i historii releasów w każdym projekcie.
Bitbucket
Hosting Git i CI od Atlassian. Używany w zespołach ustandaryzowanych na workflow Bitbucket.
Yarn
Menedżer pakietów JavaScript ze wsparciem workspaces. Przydatny w monorepo i deterministycznych instalacjach.
npm
Domyślny menedżer pakietów Node i klient rejestru. Uniwersalny do instalacji i publikacji pakietów JS.
Figma
Współdzielone narzędzie designu. Źródło prawdy dla specyfikacji UI, prototypów i handoffu do implementacji.
Adobe XD
Narzędzie UI/UX i prototypowania. Nadal istotne, gdy projekty designu pochodzą z plików Adobe XD.
PHP
Język serwerowy szeroko używany w backendach webowych. Część naszego historycznego stacku na długo żyjących platformach.
Laravel
Pełny framework PHP. Przyspiesza API, auth i aplikacje MVC dzięki bogatemu ekosystemowi.
CakePHP
Konwencyjny framework PHP MVC. Występuje w starszych produktach, które budowaliśmy i utrzymywaliśmy.
Zend Framework
Zend Framework (linia Laminas) dla enterprise PHP. Używany w pracy platformowej wymagającej ustrukturyzowanych usług PHP.
Symfony
Solidny ekosystem komponentów i frameworków PHP. Dobry wybór na wielokrotne bloki backendu.
AngularJS
Oryginalny framework Angular 1.x. Utrzymujemy i migrujemy frontendy AngularJS do nowoczesnych stacków, gdy trzeba.