Styling & CSS-in-JS
CSS Modules, styled-components, Tailwind CSS, style inline, theming
1Czym jest CSS Module w React?
Czym jest CSS Module w React?
Odpowiedź
CSS Modules automatycznie generują unikalne nazwy klas, dodając hash do nazwy klasy, co zapobiega konfliktom stylów między komponentami. Każdy plik CSS Module ma własny lokalny scope, w przeciwieństwie do tradycyjnych globalnych arkuszy stylów. Podejście to pozwala pisać modularne style bez ryzyka przypadkowego nadpisania w innych komponentach.
2Jaka jest główna zaleta styled-components?
Jaka jest główna zaleta styled-components?
Odpowiedź
Styled-components umożliwia pisanie CSS bezpośrednio w plikach JavaScript przy użyciu template literals, co ułatwia tworzenie dynamicznych stylów opartych na props komponentu. Podejście to eliminuje ręczne mapowanie między klasami CSS a komponentami i zapewnia, że tylko style zamontowanych komponentów są wstrzykiwane na stronę. Kolokacja stylów z logiką komponentu poprawia również łatwość konserwacji kodu.
3Jak zaimportować CSS Module w komponencie React?
Jak zaimportować CSS Module w komponencie React?
Odpowiedź
Aby zaimportować CSS Module, użyj standardowej składni importu JavaScript z nazwą pliku kończącą się na .module.css i przypisz wynik do zmiennej zawierającej obiekt z przekształconymi nazwami klas. Zgodnie z konwencją zmienna ta często nazywa się 'styles'. Klasy można następnie stosować za pomocą atrybutu className, używając notacji obiektowej. Podejście to zapewnia, że nazwy klas są unikalne i ograniczone do komponentu.
Jaka jest główna cecha Tailwind CSS?
Jaka jest główna wada stylów inline w React?
+15 pytań z rozmów
Inne tematy rekrutacyjne React / Next.js
Podstawy JavaScript
Podstawy React
React Hooks
Cykl życia komponentu
React Router
Zarządzanie stanem z Context
Formularze i Controlled Components
Pobieranie danych i API
React Query (TanStack Query)
Podstawy Next.js
TypeScript z React
Pobieranie danych w Next.js
Server Actions w Next.js
Routing i Nawigacja w Next.js
API Routes w Next.js
Metadata & SEO w Next.js
Middleware i Auth w Next.js
Testowanie React
Zustand State Management
Optymalizacja wydajności React
Error Boundaries & Error Handling
Advanced React Patterns
Zaawansowane funkcje Next.js
Wdrożenie i Produkcja Next.js
Architecture & Design Patterns
React Server Components
Internacjonalizacja Next.js
React Bezpieczeństwo & Najlepsze Praktyki
Opanuj React / Next.js na następną rozmowę
Uzyskaj dostęp do wszystkich pytań, flashcards, testów technicznych, ćwiczeń code review i symulatorów rozmów.
Zacznij za darmo