react-redux Leistung Rendern von Komponenten

Question

Ich habe Leistungsprobleme mit meiner Reaktion nativen Anwendung, ich habe das Problem, aber ich weiß nicht, was der beste Weg, um es zu lösen, ich werde unten beschreiben mein Szenario :

ich eine Navigation für 3 Szenen haben:

Scene 1 ==> Scene 2 ==> Scene 3 

Szene 2 hat 3 eine umfangreiche Liste von Elementen, in Szene I Artikel aus dem Shop hinzufügen oder entfernen können (ich die Flux-Architektur verwende), Wenn dies passiert, wird der Zustand der Anwendung geändert und die zusammengesetzten Komponenten werden neu gerendert. Dies ist der Fall bei Szene 1, Szene 2 und Szene 3, das Problem ist das Rendern von Szenen 1 und 2 sind schwer, was eine sehr große Verzögerung in der Handlung von Szene 3 verursacht, nachdem ich viele Nachforschungen fand, dass ich die Methode ShouldComponentUpdate verwenden kann, um das Rendern zu verarbeiten, meine Frage ist, wie ich nur die Änderung rendere Meine Liste und nicht die gesamte Liste erneut, da dies bedeutet, dass jedes Array erneut durchlaufen wird.

Answer 1

Ich bin ein bisschen verwirrt. Verwenden Sie Flux oder Redux? Wenn Sie react-redux verwenden, können Sie mit mapStateToProps Ihre Komponenten an einen Teil Ihres Redux-Speichers binden. Die Komponenten sollten dann nur neu gerendert werden, wenn sich diese Requisiten ändern.

Bearbeiten: Sie können auch eine neue React-Komponente für die Listenelemente erstellen. Jeder Gegenstand würde dann nur dann neu rendern, wenn sich seine individuellen Requisiten ändern.

Redux Usage with React