React interview question

What are fragments?


Fragments allows to group a list of children without adding extra nodes to the DOM.


class App extends React.Component {
  render() {
    return (
        <ChildA />
        <ChildB />
        <ChildC />


  • It's a tiny bit faster and has less memory usage (no need to create an extra DOM node). This only has a real benefit on very large and/or deep trees, but application performance often suffers from death by a thousand cuts. This is one cut less.
  • Some CSS mechanisms like Flexbox and CSS Grid have a special parent-child relationship, and adding divs in the middle makes it hard to keep the desired layout while extracting logical components.
  • The DOM inspector is less cluttered.

More Technical Interview Topics