Redux expects that your reducers will update their state “immutably”, which effectively means always making copies of your data, and applying your changes to the copies. Why isn't my component re-rendering, or my mapStateToProps running? Īccidentally mutating or modifying your state directly is by far the most common reason why components do not re-render after an action has been dispatched. It is also kept up-to-date with the latest API changes from Redux and React. Overall, React-Redux encourages good React architecture, and implements complex performance optimizations for you. A UI binding library like React-Redux handles the store interaction logic, so you don't have to write that code yourself. The process of subscribing to the store, checking for updated data, and triggering a re-render can be made more generic and reusable.
In addition, optimizing UI performance would require complicated logic. While it is possible to write Redux store subscription logic by hand, doing so would become very repetitive. If you are using Redux and React together, you should also use React-Redux to bind these two libraries. React-Redux is the official Redux UI binding library for React. If you are using Redux with any kind of UI framework, you will normally use a "UI binding" library to tie Redux together with your UI framework, rather than directly interacting with the store from your UI code. Although Redux and React are commonly used together, they are independent of each other. Redux itself is a standalone library that can be used with any UI layer or framework, including React, Angular, Vue, Ember, and vanilla JS. React Redux Why should I use React-Redux?
How does Redux compare to the React Context API?.Should I only connect my top component, or can I connect multiple components in my tree?.Why don't I have available in my connected component?.Why is my component re-rendering too often?.Why isn't my component re-rendering, or my mapStateToProps running?.Redux FAQ: React Redux Table of Contents
0 kommentar(er)
