Structure of React projects

  1. As the application gets bigger, we may have to move files related to each Component into a separate folder
  2. This makes much more sense when we use React Router
  3. The index.js or index.jsx in each folder acts as the entry point to that folder (similar to Node.js)
    1. The index file need to look like this.
      export { default } from './Navbar';
      

Links to this note