React anti-pattern: don’t make
  • your component’s root
    • const Article = (props) => { // Notice:
    • s are gone return

      { props.title }

      { /* …

    • Imagine you have a component that represents a list of articles.
    • The problem is that by taking a
    • and making it a root of the component, you’ve just made your component non-reusable .
    • React anti-pattern: don’t make
    • your component’s root
    • */ }

    ; } // And now you can easily render an article inside of a sidebar – have no idea why though const Sidebar = (props) => { return