The react-firebase-playground from sioquim

react-firebase-playground's Introduction

Features

Uses recompose to achieve better separation of concerns in react applications
Uses Atomic Design methodology for component structure
Simplified Redux with less overheads using Modular redux
Built-in security and session handling
Uses Formik with asynchronous error handling and feedback
Prettier + Eslint for a consistent codebase

Folder Structure

.
├── ...
├── build                       # Target build folder
├── public                      # Override index.html and favicon.ico
├── src
│   ├── assets                  # Static assets such as fonts, images, videos
│   ├── components              # Refer to http://atomicdesign.bradfrost.com/chapter-2/
│   │       ├── atoms           # Basic components that can’t be broken down any further
│   │       ├── molecules       # Relatively simple groups of UI components
│   │       ├── organisms       # Relatively complex UI components composed of groups of molecules
│   │       └── templates       # Page-level objects that place components into a layout
│   ├── constants               # Global app constants
│   ├── containers              # Data-fetching and page components
│   ├── modules                 # Modular Redux: actions, reducers, selectors
│   ├── styles                  # Theme and global CSS files
│   ├── utils                   # Helper functions
│   └── config.js               # Application specific settings
├── .env.{environment}          # Environment specific variables
├── config-overrides.js         # Override webpack config here
└── ...

Recommend Projects