Sample code of our pair programming session with Csanad

pair-programming-with-csanad.js

const CardStatusGroup = ({ label = '', items = [] }) => {
  
  var arrayOfCardElements = items.map((item, i) => (
    <CardElement key={ `card-element${i}` } { ...item } meta={ item.description } />
  ))
  
  return (
    <div className="card-status-group">
      { arrayOfCardElements }     
    </div>
  );
};

// `card-element${i}`
// 'card-element' + i
// "card-element" + i

CardStatusGroup.displayName = 'CardStatusGroup';

const { string, array, shape, arrayOf } = PropTypes;

CardStatusGroup.propTypes = {
  label: string,
  items: arrayOf(shape({
    status: string,
    title: string,
    meta: string,
    dueDate: string
  }))
};

var arr = [1, 2, 3];
var arr2 = arr.map((number) => number * 2);

// ['alma', 'alma', 'alma']
// [2, 4, 6]

// arr !== arr2 <-- true

// 1
// 2
// 3