/Javascript/React/Npm package for sorting in reactjs

Npm package for sorting in reactjs

var sortBy = require('sort-by'),
    users = [];

users = [{
    id: 7,
    name: 'Foo',
    age: '34',
    email: { primary: 'foo@email.com' }
}, {
    id: 3,
    name: 'Baz',
    age: '67',
    email: { primary: 'baz@email.com' }
}, {
    id: 4,
    name: 'Bar',
    age: '67',
    email: { primary: 'bar@email.com' }
}];

users.sort(sortBy('name', 'age'));

/**
*   result:
*       [{id: 4, name: 'Bar', age: '67', email: { primary: 'bar@email.com' }},
*       {id: 3, name: 'Baz', age: '67', email: { primary: 'baz@email.com' }},
*       {id: 7, name: 'Foo', age: '34', email: { primary: 'foo@email.com' }}]
*/

/**
* Use `-` to reverse the sort order
*/

users.sort(sortBy('-id', 'name'));

/*
*   result:
*       [{id: 7, name: 'Foo', age: '34', email: { primary: 'foo@email.com' }},
*       {id: 4, name: 'Bar', age: '67', email: { primary: 'bar@email.com' }},
*       {id: 3, name: 'Baz', age: '67', email: { primary: 'baz@email.com' }}]
*/

/**
* Use `.` notation to traverse nested properties. See [object-path](https://www.npmjs.org/package/object-path) npm module for support.
*/

users.sort(sortBy('age', 'email.primary'));

/*
*   result:
*       [{id: 7, name: 'Foo', age: '34', email: { primary: 'foo@email.com' }},
*       {id: 4, name: 'Bar', age: '67', email: { primary: 'bar@email.com' }},
*       {id: 3, name: 'Baz', age: '67', email: { primary: 'baz@email.com' }}]
*/

Source: npmjs.com

Similar codes

17 votes200 views3 answers
Reducer react
Javascript React
32 votes207 views1 answer
How to do routes react js
Javascript React
24 votes176 views6 answers
React native navigation
Javascript React
0 vote185 views1 answer
How can we update time in react js
Javascript React
1 vote200 views1 answer
React conditional array item
Javascript React
0 vote202 views1 answer
React Update a label when rate moves
Javascript React
-1 vote192 views1 answer
React window navigate
Javascript React
16 votes184 views3 answers
Loop in react depending on number
Javascript React
0 vote185 views1 answer
Firebase timestamp to date react
Javascript React
1 vote195 views1 answer
React event target square brackets
Javascript React