/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

3 votes236 views3 answers
How to hide source for react project
Javascript React
0 vote229 views2 answers
React date picker disable past dates
Javascript React
1 vote216 views1 answer
Change color react icon
Javascript React
8 votes224 views2 answers
React native italic text
Javascript React
0 vote265 views1 answer
React native parent opcaity not affecting text
Javascript React
0 vote209 views1 answer
Firebase timestamp to date react
Javascript React
0 vote243 views1 answer
Add active class to button onclick react
Javascript React
9 votes259 views2 answers
Html emmet in react vscode
Javascript React
0 vote233 views1 answer
How to cause a whole page reload react redux
Javascript React
4 votes217 views1 answer
Add array of object to state react
Javascript React