simple-react-starter icon indicating copy to clipboard operation
simple-react-starter copied to clipboard

Simple ReactJS starter with an opinionated folder structure.

This project was bootstrapped with Create React App.

Simple React Starter

Simple ReactJS starter with an opinionated folder structure.

Getting Started

  1. Ensure you've followed the ReactJS - Getting Started Guide
  2. Clone this project git clone [email protected]:pcofilada/simple-react-starter.git
  3. Run yarn install from root directory to install dependencies
  4. Run yarn start from root directory

Folder Structure

  • src/ - Contains all of our react codebase
    • index.tsx - Base react component
    • routes.ts - App navigation
    • api/ - Api call related functions
    • assets/ - Images, fonts and other static files
    • config/ - Config files
    • containers/ - Smart Components
    • context/ - React Context
    • types/ - Typescript related files or functions
    • utils/ - Helper functions
    • components/ - Dumb Components
      • common/ - Shared components