Descriptive variables instead of complex conditions
readability
Read fire tipSorting arrays by object properties
JavaScript
By passing a function when sorting an array, we can sort objects by different properties.
const people = [
{ name: 'Lisa', age: 8 },
{ name: 'Maggie', age: 1 },
{ name: 'Homer', age: 34 },
{ name: 'Bart', age: 10 },
{ name: 'Marge', age: 33 }
]
// sort `people` by name (alphabetically)
people.sort((a, b) => a.name > b.name)
// ⇒ [
// { name: 'Bart', age: 10 },
// { name: 'Homer', age: 34 },
// { name: 'Lisa', age: 8 },
// { name: 'Maggie', age: 1 },
// { name: 'Marge', age: 33 }
// ]
// sort `people` by age (from oldest to youngest)
people.sort((a, b) => b.age - a.age)
// ⇒ [
// { name: 'Homer', age: 34 },
// { name: 'Marge', age: 33 },
// { name: 'Bart', age: 10 },
// { name: 'Lisa', age: 8 },
// { name: 'Maggie', age: 1 }
// ]
// sort `people` by name (from longest to shortest)
people.sort((a, b) => a.name.length - b.name.length)
// ⇒ [
// { name: 'Bart', age: 10 },
// { name: 'Lisa', age: 8 },
// { name: 'Homer', age: 34 },
// { name: 'Marge', age: 33 },
// { name: 'Maggie', age: 1 }
// ]
More fire tips
Destructuring props in styled-components
JavaScriptstyled-components
Read fire tipSplitting arrays into chunks
By combining map and slice, we can write a helper function to split large arrays into many similarly sized blocks. This is useful for features like pagination.
JavaScript
Read fire tip