Was ist der Zweck der API React.addons.batchedUpdates?

Question

Die React v0.12 Release-Ankündigung unter anderem die folgenden:

Neue Features:

* React.addons.batchedUpdates added to API for hooking into update cycle 

Jedoch habe ich keine Dokumentation für diese API finden. Was ist seine Aufgabe?

Konkret, jede Chance, dass es ein Äquivalent von Ember.run() hat?

Answer 1

Die standardmäßige Batch-Update-Strategie eignet sich hervorragend für Ihre durchschnittliche Website. Manchmal haben Sie zusätzliche Anforderungen und müssen davon abweichen.

Der Grund, warum dies veröffentlicht wurde, ist für eine AnfrageAnimationFrame Stapelstrategie, die besser für Spiele und Websites ist, die oft und an vielen Orten aktualisiert werden müssen.

Es ist nur ein Erweiterungspunkt, um Probleme mit Randbearbeitungen zu lösen.

Answer 2

Wenn auf synthetische Ereignisse wie onClick usw. reagiert wird, werden Änderungen am Komponentenstatus im Stapel verarbeitet, sodass viele Aufrufe von this.setState für dieselbe Komponente nur zu einem Rendervorgang führen.

Wenn Sie Zustand als Reaktion auf einen anderen Asynchron-Rückruf zu ändern sind (zum Beispiel AJAX oder setTimeout), dann wird jeder Anruf zu this.setState in einem Render führen. Sie können Ihre Arbeit in batchedUpdates (..) verpacken, um dies zu vermeiden.

var React = require('react/addons'); 
var batchedUpdates = React.addons.batchedUpdates; 
var request = require('superagent'); // AJAX lib 

var req = request('GET', ...).end(function(err, res) { 
    // invoked when AJAX call is done 
    batchedUpdates(function(){ 
     .. all setState calls are batched and only one render is done ... 
    }) 
});