| 1 | What is a general guideline for choosing between plain CSS, CSS Modules, styled components, and Tailwind for a new project? React › Styling in React (CSS Modules, Styled Components & Tailwind) | React | Styling in React (CSS Modules, Styled Components & Tailwind) | Beginner |
| 2 | How does styled components let you write CSS directly inside your JavaScript files? React › Styling in React (CSS Modules, Styled Components & Tailwind) | React | Styling in React (CSS Modules, Styled Components & Tailwind) | Intermediate |
| 3 | What are CSS Modules and how do they prevent class names from clashing between components? React › Styling in React (CSS Modules, Styled Components & Tailwind) | React | Styling in React (CSS Modules, Styled Components & Tailwind) | Beginner |
| 4 | What is Tailwind CSS and how does its approach differ from writing traditional custom CSS? React › Styling in React (CSS Modules, Styled Components & Tailwind) | React | Styling in React (CSS Modules, Styled Components & Tailwind) | Intermediate |
| 5 | How would you conditionally apply different CSS classes based on a component's state, such as showing an active style? React › Styling in React (CSS Modules, Styled Components & Tailwind) | React | Styling in React (CSS Modules, Styled Components & Tailwind) | Advanced |
| 6 | How do you add a CSS class to an element in JSX, and why is the attribute name different from regular HTML? React › Components & JSX | React | Components & JSX | Beginner |
| 7 | What is a simple example of a higher order component that adds a border style to any component? React › Higher-Order Components (HOCs) | React | Higher-Order Components (HOCs) | Beginner |
| 8 | How do you handle right to left languages, like Arabic, in a React app? React › Internationalization (i18n) in React | React | Internationalization (i18n) in React | Intermediate |