Qual è lo scopo dell'API React.addons.batchedUpdates?

Question

L'annuncio del rilascio React v0.12 inclusi i seguenti:

Nuove funzionalità:

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

Tuttavia non posso trovare alcuna documentazione per questa API. Qual è il suo scopo?

In particolare, c'è la possibilità che abbia un equivalente di Ember.run()?

Answer 1

La strategia di aggiornamento in batch predefinita è ideale per il tuo sito web medio. A volte hai requisiti extra e devi scostarti da quello.

Il motivo iniziale che è stato reso pubblico è per una strategia di batchAnimationFrame richiesta, che è migliore per i giochi e i siti che devono essere aggiornati spesso e in molti luoghi.

È solo un punto di estensibilità per risolvere i problemi relativi ai casi limite.

Answer 2

Quando si risponde a eventi sintetici come onClick e così via, le modifiche allo stato dei componenti vengono raggruppate in modo tale che molte chiamate a this.setState per lo stesso componente comporteranno un solo rendering.

Se si modifica lo stato in risposta ad un altro richiamo asincrono (ad esempio AJAX o setTimeout), ogni chiamata a this.setState comporterà un rendering. Puoi avvolgere il tuo lavoro in batchUpdates (..) per evitare questo.

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 ... 
    }) 
});