Frontlive to blog Olafa Sulicha z praktycznymi materiałami dla frontend developerów. Znajdziesz tu wizualne poradniki do CSS (pozycjonowanie, Flexbox, zmienne CSS), serie o dostępności z przykładami semantycznego HTML i pracy z czytnikami ekranowymi, a także wpisy o architekturze i narzędziach frontendu. Autor publikuje treści o React i TypeScript (m.in. o czytelności kodu), pisze o HTML-owych nagłówkach i strukturze dokumentu, porusza tematy takie jak design tokens czy podejście island architecture w Astro. Styl jest rzeczowy: krótkie wprowadzenie, kod do skopiowania, ilustracje i konkretne wnioski do wdrożenia w projekcie.
67 artykuły z tego bloga
Przegląd 10 najczęstszych antywzorców w CSS, które utrudniają utrzymanie kodu, wraz z praktycznymi rozwiązaniami jak ich unikać.
Tutorial budowy pełnoprawnego sklepu e-commerce w Next.js z Prisma, Stripe, React Query, NextAuth i TypeScript.
Jak tworzyć generyczne komponenty w React z TypeScript dla w pełni otypowanych, dynamicznych interfejsów użytkownika.
Jak wykorzystać media queries CSS do dostosowania animacji i motywów zgodnie z preferencjami użytkowników dotyczącymi ruchu i wyglądu.
Wyjaśnienie jak działają kompilatory kodu na przykładzie Babela i TypeScript, opis procesu parsowania, transformacji i generacji kodu.
Przewodnik po konfiguracji monorepo z wykorzystaniem Lerna, Yarn Workspaces i TypeScript do zarządzania wieloma pakietami w jednym repozytorium.
Przewodnik po typowaniu React Children w TypeScript - omówienie ReactNode, ReactElement, ReactText i innych typów z przykładami.
Początkujący programista dzieli się swoją drogą do zdobycia pierwszej pracy jako Frontend Developer bez studiów informatycznych.
Przewodnik po Mock Service Worker (MSW) do mockowania zapytań HTTP w testach komponentów React, z przykładami użycia.
Praktyczny przewodnik po testowaniu formularzy React z użyciem React Testing Library, React Hook Form i Yup.
Podstawy korzystania z React Testing Library - konfiguracja projektu i praktyczne przykłady testowania komponentów React.
Roczne podsumowanie bloga Frontlive.pl o rozwoju frontendu, dostępności, TypeScripcie, teście Jest, React i GraphQL oraz plany na przyszłość.
Przewodnik po mockowaniu funkcji w Jest: tworzenie atrap, testowanie w izolacji, metody jak jest.fn() i jest.spyOn() oraz czyszczenie mocków.
Wprowadzenie do frameworku Jest do testowania kodu JavaScript/TypeScript. Konfiguracja i pisanie pierwszych testów jednostkowych.
Wprowadzenie do testowania w JavaScript: dlaczego warto pisać testy, rodzaje testów i narzędzia.
Przegląd trendów frontendowych na 2021: TypeScript, React, Vue, Angular oraz nowe funkcjonalności React jak Concurrent Mode.
Praktyczny przewodnik po zmiennych w CSS: jak działają, zasięg, dziedziczenie i praktyczne zastosowania w projektach frontend.
Programista opisuje przebudowę swojej strony portfolio i bloga Frontlive, omawiając wybrane technologie, wyzwania i powody zmiany.
Poznaj funkcje CSS: min(), max() i clamp() - nowoczesne metody tworzenia responsywnych layoutów bez nadmiaru media queries.
Analiza React Query jako alternatywy dla Reduxa w zarządzaniu stanem, skupiająca się na cachowaniu danych i zapytaniach asynchronicznych.
