Styjun

Why/when is AC-DC-AC conversion superior to direct AC-Ac conversion?

Area of parallelogram = Area of square. Shear transform

Does the Intel 8086 CPU have user mode and kernel mode?

Is it legal for private citizens to "impound" e-scooters?

Is dd if=/dev/urandom of=/dev/mem safe?

Would this neural network have short term memory?

Is it legal to use cash pulled from a credit card to pay the monthly payment on that credit card?

Examples of simultaneous independent breakthroughs

How can I prevent corporations from growing their own workforce?

Convert every file from JPEG to GIF in terminal

How do I generate distribution of positive numbers only with min, max and mean?

Print sums of all subsets

Why are off grid solar setups only 12, 24, 48 VDC?

How could a thief buying plane tickets with stolen credit card details benefit personally?

Why didn't Britain or any other European power colonise Abyssinia/Ethiopia before 1936?

Assuring luggage isn't lost with short layover

3D Statue Park: U shapes

Weed in Massachusetts: underground roots, skunky smell when bruised

Commercial jet accompanied by small plane near Seattle

Heisenberg uncertainty principle in daily life

Will any serial mouse connect to Classic Macs?

Is a fighting a fallen friend with the help of a redeemed villain story too much for one book

Decreasing star size

Anybody know what this small Nintendo stand is for?

What is the best way to sort normalized data?

How to optimize small updates to props of nested component in React + Redux?What is the best way to access redux store outside a react component?What is mapDispatchToProps?Best practices for redux mapStateToProps?React-Redux listRedux calls dispach function but it does not change the storeRedux: What is the best way to toggle a boolean value in a normalized state tree?redux, normalizr, access store mapDispatchToPropsReact Redux: Connected child component not receiving propsPost data to Mock json server using react redux saga

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

2

1

For example I have this data from server

[id: 1, pinned: true, date: 14.03.2019 ... , 
 id: 8, pinned: true, date: 20.02.2019 ...,
 id: 2, pinned: false, date: 26.03.2019 ...,
 id: 21, pinned: false, date: 25.03.2019 ..., ...];

This data already sorted by date, but pinned items always on top.

After normalizing data with normalizr.js I will have my entities object and ids array like:

entities: 1:[id: 1, pinned: true, ... , 8: id: 2, pinned: true, ..., ...,
ids: [1, 8, 2, 21 ...];

And I will store it in different reducers.

to render this data I use:

const List = (props) => 
 return (
 <ul>
 props.ids.map(id =>
 <Item id=id key=id />
 )
 </ul>
 )

connect((state) => ids: state.ids )(Item);

const Item = (props) => (
 <li>props.contact.id</li>
);

connect((state, ownProps) => contact: state.entities[ownProps.id] )(Item)

But what if from server I will get the item like

id: 30, pinned: false, date: 27.03.2019 ...

This item should be been first in the list, but after pinned items.

How to sort the ids reducer ?

The one that comes into my head its to denormalize data sort it and normalize again. But this feels "wrong".

Maybe there is a way without denormalizing? Or another best way for this situation.

Thanks for helping guys!

reactjs redux react-redux normalizr

share|improve this question

asked Mar 26 at 17:22

VictorVictor

351010 bronze badges

add a comment | 

2

1

For example I have this data from server

[id: 1, pinned: true, date: 14.03.2019 ... , 
 id: 8, pinned: true, date: 20.02.2019 ...,
 id: 2, pinned: false, date: 26.03.2019 ...,
 id: 21, pinned: false, date: 25.03.2019 ..., ...];

This data already sorted by date, but pinned items always on top.

After normalizing data with normalizr.js I will have my entities object and ids array like:

entities: 1:[id: 1, pinned: true, ... , 8: id: 2, pinned: true, ..., ...,
ids: [1, 8, 2, 21 ...];

And I will store it in different reducers.

to render this data I use:

const List = (props) => 
 return (
 <ul>
 props.ids.map(id =>
 <Item id=id key=id />
 )
 </ul>
 )

connect((state) => ids: state.ids )(Item);

const Item = (props) => (
 <li>props.contact.id</li>
);

connect((state, ownProps) => contact: state.entities[ownProps.id] )(Item)

But what if from server I will get the item like

id: 30, pinned: false, date: 27.03.2019 ...

This item should be been first in the list, but after pinned items.

How to sort the ids reducer ?

The one that comes into my head its to denormalize data sort it and normalize again. But this feels "wrong".

Maybe there is a way without denormalizing? Or another best way for this situation.

Thanks for helping guys!

reactjs redux react-redux normalizr

share|improve this question

asked Mar 26 at 17:22

VictorVictor

351010 bronze badges

add a comment | 

For example I have this data from server

[id: 1, pinned: true, date: 14.03.2019 ... , 
 id: 8, pinned: true, date: 20.02.2019 ...,
 id: 2, pinned: false, date: 26.03.2019 ...,
 id: 21, pinned: false, date: 25.03.2019 ..., ...];

This data already sorted by date, but pinned items always on top.

After normalizing data with normalizr.js I will have my entities object and ids array like:

entities: 1:[id: 1, pinned: true, ... , 8: id: 2, pinned: true, ..., ...,
ids: [1, 8, 2, 21 ...];

And I will store it in different reducers.

to render this data I use:

const List = (props) => 
 return (
 <ul>
 props.ids.map(id =>
 <Item id=id key=id />
 )
 </ul>
 )

connect((state) => ids: state.ids )(Item);

const Item = (props) => (
 <li>props.contact.id</li>
);

connect((state, ownProps) => contact: state.entities[ownProps.id] )(Item)

But what if from server I will get the item like

id: 30, pinned: false, date: 27.03.2019 ...

This item should be been first in the list, but after pinned items.

How to sort the ids reducer ?

The one that comes into my head its to denormalize data sort it and normalize again. But this feels "wrong".

Maybe there is a way without denormalizing? Or another best way for this situation.

Thanks for helping guys!

reactjs redux react-redux normalizr

share|improve this question

asked Mar 26 at 17:22

VictorVictor

351010 bronze badges

[id: 1, pinned: true, date: 14.03.2019 ... , 
 id: 8, pinned: true, date: 20.02.2019 ...,
 id: 2, pinned: false, date: 26.03.2019 ...,
 id: 21, pinned: false, date: 25.03.2019 ..., ...];

entities: 1:[id: 1, pinned: true, ... , 8: id: 2, pinned: true, ..., ...,
ids: [1, 8, 2, 21 ...];

const List = (props) => 
 return (
 <ul>
 props.ids.map(id =>
 <Item id=id key=id />
 )
 </ul>
 )

connect((state) => ids: state.ids )(Item);

const Item = (props) => (
 <li>props.contact.id</li>
);

connect((state, ownProps) => contact: state.entities[ownProps.id] )(Item)

id: 30, pinned: false, date: 27.03.2019 ...

share|improve this question

asked Mar 26 at 17:22

VictorVictor

351010 bronze badges

share|improve this question

asked Mar 26 at 17:22

VictorVictor

351010 bronze badges

asked Mar 26 at 17:22

VictorVictor

351010 bronze badges

asked Mar 26 at 17:22

VictorVictor

351010 bronze badges