ReactJS Project

Folder structure

src
|__ components (shared components between features)
|  |__ Loading
|     |__ index.jsx
|     |__ styles.scss
|
|__ features
|  |__ Todo
|     |__ components (components of feature Todo)
|     |__ pages (pages of feature Todo)
|     |__ index.jsx (entry point of feature Todo)
|
|__ App.js        

FiltersViewer

const filters = {
  isPromotion: true,
  salePrice_lte: 100,
  salePrice_gte: 100,
}

FILTER_LIST

• id: number
• getLabel: (filters) => string
• isActive: (filters) => true/false
• isVisible: (filters) => true/false
• isRemovable: boolean
• onRemove: func
• onToggle: func