| 1 | 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 |
| 2 | Why does JSX require every element to have exactly one parent element or a Fragment? React › Components & JSX | React | Components & JSX | Intermediate |
| 3 | What is JSX and why do React developers use it? React › Components & JSX | React | Components & JSX | Beginner |
| 4 | How do you embed a JavaScript expression inside JSX? React › Components & JSX | React | Components & JSX | Intermediate |
| 5 | What is a React component and what are the two main types? React › Components & JSX | React | Components & JSX | Beginner |
| 6 | 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 |
| 7 | What is a controlled form input in React? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Beginner |
| 8 | What is an uncontrolled form input, and how does it differ from a controlled one? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Beginner |
| 9 | How do you prevent a form from reloading the page when it is submitted in React? React › Forms: Controlled & Uncontrolled Components | React | Forms: Controlled & Uncontrolled Components | Intermediate |
| 10 | 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 |
| 11 | What is Framer Motion and how does it make animating React components easier? React › Animation in React (Framer Motion & React Spring) | React | Animation in React (Framer Motion & React Spring) | Beginner |
| 12 | What is the single responsibility principle and how does it apply to writing React components? React › Design Patterns in React | React | Design Patterns in React | Beginner |
| 13 | What is accessibility in React and why does it matter? React › Accessibility (a11y) in React | React | Accessibility (a11y) in React | Beginner |
| 14 | How would you animate a button so it grows slightly when a user hovers over it? React › Animation in React (Framer Motion & React Spring) | React | Animation in React (Framer Motion & React Spring) | Beginner |
| 15 | What does a build tool like Vite or Webpack actually do for a React project? React › Build Tools & Bundlers (Vite, Webpack & CRA) | React | Build Tools & Bundlers (Vite, Webpack & CRA) | Beginner |
| 16 | What is component composition in React and why is it useful? React › Component Composition & Children Props | React | Component Composition & Children Props | Beginner |
| 17 | What is the difference between passing a component as a prop and nesting it as children? React › Component Composition & Children Props | React | Component Composition & Children Props | Beginner |
| 18 | How do you show different content in React depending on a condition? React › Conditional Rendering & Lists (Keys) | React | Conditional Rendering & Lists (Keys) | Beginner |
| 19 | What is a React Portal and why would you use one? React › Portals & Fragments | React | Portals & Fragments | Beginner |
| 20 | What is a Fragment in React and why would you use one instead of a div? React › Portals & Fragments | React | Portals & Fragments | Beginner |
| 21 | What is the difference between props and state in React? React › Props & State | React | Props & State | Beginner |
| 22 | How do you pass data from a parent component to a child component in React? React › Props & State | React | Props & State | Beginner |
| 23 | What is client side routing in a React app, and how does React Router help with it? React › Routing | React | Routing | Beginner |
| 24 | How do you create a clickable link to navigate between pages using React Router? React › Routing | React | Routing | Beginner |
| 25 | What should you place inside a Suspense fallback, and what are some good practices? React › Suspense & Concurrent Rendering | React | Suspense & Concurrent Rendering | Beginner |
| 26 | Why do many teams choose to use TypeScript together with React? React › TypeScript with React | React | TypeScript with React | Beginner |
| 27 | How do you type an event handler function, such as a button's onClick handler, in TypeScript? React › TypeScript with React | React | TypeScript with React | Beginner |
| 28 | What is the virtual DOM in React, and why does React use it? React › Virtual DOM & Reconciliation | React | Virtual DOM & Reconciliation | Beginner |
| 29 | How do ARIA attributes help improve accessibility in a React component? React › Accessibility (a11y) in React | React | Accessibility (a11y) in React | Intermediate |
| 30 | How do you make a custom React component keyboard accessible? React › Accessibility (a11y) in React | React | Accessibility (a11y) in React | Intermediate |
| 31 | How would you animate a list where items can be added or removed, such as a shopping cart? React › Animation in React (Framer Motion & React Spring) | React | Animation in React (Framer Motion & React Spring) | Intermediate |
| 32 | What is the children prop in React and how does it work? React › Component Composition & Children Props | React | Component Composition & Children Props | Intermediate |
| 33 | How do you render a fallback message when a list is empty? React › Conditional Rendering & Lists (Keys) | React | Conditional Rendering & Lists (Keys) | Intermediate |
| 34 | How does the react i18next library help manage translations in a React app? React › Internationalization (i18n) in React | React | Internationalization (i18n) in React | Intermediate |
| 35 | How do event bubbling and Portals interact with each other in React? React › Portals & Fragments | React | Portals & Fragments | Intermediate |
| 36 | How would you use a keyed Fragment when rendering a list of grouped elements? React › Portals & Fragments | React | Portals & Fragments | Intermediate |
| 37 | How would you give a prop a default value in case the parent does not pass one? React › Props & State | React | Props & State | Intermediate |
| 38 | How do you read a dynamic value from the URL, such as a product id, using React Router? React › Routing | React | Routing | Intermediate |
| 39 | How would you type a component's children prop correctly using TypeScript? React › TypeScript with React | React | TypeScript with React | Intermediate |
| 40 | How would you build a flexible component using multiple named slots instead of a single children prop? React › Component Composition & Children Props | React | Component Composition & Children Props | Advanced |