Stale props and zombie children in Redux

[arthur791004]

Referneces

https://kaihao.dev/posts/Stale-props-and-zombie-children-in-Redux

Feedbacks

解決問題

• Zombie Children
  • When you trigger mapStateToProps inside the callback of store.subscribe, if you delete an item in todo list, you would get an error 💥 because children subscribe store first
    • Solve: move mapStateToProps outside store.subscribe which means trigger it when every render. Then you would get top-down updates without errors
  • When you use setTimeout in event callbacks (ex. click) to delete an item, you would get an error 💥
    • setState is in fact asynchronous, as long as the setState call is inside React event handler callback
    • Solve: unstable_batchedUpdates

如何運作

• Nested subscriptions model - monkey patching store.subscribe

延伸問題

Further Readings

• https://twitter.com/dan_abramov/status/959507572951797761