Read: Class 29 Component Composition - Goorob-401-advanced-javascript/amman-javascript-401d1 GitHub Wiki

  • Routing : Using react-router, you can easily toggle the visibility of components (or even pages) based on the URL/Route that the user engages with. import { Route } from 'react-router-dom';
  • Component Composition - Logical : In this setup, you are sending your child components the raw data and allowing them to render the output as they decide.
  • Component Composition - Using Logic-less Children : This is typically used when your children are already in JSX form (pre-rendered) and you need to display them as a whole.