declarative versus imperative

declarativevimperative.js

const minWidth = 220;
const minColumns = 1;
const maxColumns = 5;
const numberOfColumns = clamp(
   this.props.containerWidth / minWidth,
   minColumns,
   maxColumns);
   
// vs

 const { containerWidth } = this.props;
   let numberOfColumns;
   switch(true) {
       default:
         numberOfColumns = 5;
         break;
       case containerWidth < 640:
         numberOfColumns = 1;
         break;
       case containerWidth < 800:
         numberOfColumns = 2;
         break;
       case containerWidth < 900:
         numberOfColumns = 3;
         break;
       case containerWidth < 1050:
         numberOfColumns = 4;
         break;
   }