Directory Structure
When you clone the repository, you will have a directory structure similar to:
.
|-- addons
|-- hooks
|-- interfaces
|-- lib
|-- public
|-- store
|-- themes
|-- services
|-- pages
|-- themes
|-- validation
addons
Learn more about addons
hooks
React Hooks are simple JavaScript functions that we can use to isolate the reusable part from a functional component.
Here, we have created our own custom hooks to manage the reusable functional logic in our code.
Resources:
interfaces
In TypeScript, an interface is an abstract type that tells which property names a given object can have.
Resources:
1. A Simple Guide to Typescript Interfaces:
2. How To Use Interfaces in TypeScript
lib
Directory will contain functions to handle google events.
services
All api files live in this directory. Apart from api files, it contains config file that has initial settings for your program.
store
We maintain the global store in our application to avoid making excessive api calls on every page and fetching the data from the api. All redux logic resides in this directory.
Resources:
themes
Learn more about themes
public
This directory contains all the assets which includes overall fonts for your project, images and everthing.
validation
This directory includes all validation files required for forms.