7 entries · 11-question quiz

Styling React Components

React ↔ Angular reference. React examples use React 19 + TypeScript (Vite). Angular examples use modern Angular (standalone components, signals, input(), @if/@for).

Test yourself

11 questions

  1. 1
    Vanilla CSS and Scoping

    Regular .css files imported into a component file.

  2. 2
    Inline Styles

    Styles passed directly to an element through the style prop as a JavaScript object.

  3. 3
    Conditional (Dynamic) Classes

    Adding or removing CSS classes based on state.

  4. 4
    CSS Modules

    CSS files named *.module.css whose class names are scoped to the component that imports them.

  5. 5
    Styled Components (CSS-in-JS)

    A library (styled-components) that creates React components with styles attached, written in JavaScript template literals.

  6. 6
    Tailwind CSS

    A utility-first CSS framework: you style elements by combining small, single-purpose classes directly in markup.

  7. 7
    Choosing an Approach