TIPS - Pluralização no front-end em passos simples

Sabe aquele label dinamico e pluralizado que precisamos fazer muita vezes? Vira e mexe ele vira uma função de pluralização e as vezes os casos 0 sempre ficam estranhos.

Mas se usamos as palavras como sem, nenhum ou nenhuma para quando não tem o item ou ele é 0 n0s ajudam a evitar essa estranheza e fica super fácil implementar com uma expressão ou ||.

Você ainda vai precisar de uma função como essa abaixo.

const pluralize = qnty => qnty === 1 ? 'casa' : 'casas';

Mas no seu label você pode usar o seguinte formato

const Label = props => (<label>
  {`${items || 'sem'} ${pluralize(items)}`}
</label>)

Com isso sua saída quando não tiver nenhum resultado para casas ficará sem casas.

A função pluralize ainda pode ser modificada para outras strings 😉