Technology sharing

[Translation] Reactjs Performance

2024-07-08

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Mea Latina limitata sunt, artes meae mediocres sunt, et sum admodum sciens

Originale electronicum:https://facebook.github.io/react/docs/advanced-performance.html


### euismod ipsum

Quotiens tincidunt uti volunt agere in project reali, primum quaestionem interrogant: Utens agere faciet hoc consilium citius, magis flexibile, et facilius ad conservandum. Praeterea processus re- reddendi interfaciendi tempore quovis tempore status notitiarum mutationes efficiendi bottleneck? Interne, React praestat operam utendo quibusdam technicis subtilibus utendo operationes domnae pretiosae quae UI updates toties causant.

#### Fuge effectum directum in DOM
Reagere instrumentorum iacuit domuum virtualis, quae ad describendam arborem domesticam domnum navigatoris adhibetur. Per hoc lavacrum virtualis DOM, React directe dom operantem vitare potest, quia velocitas DOMM navigatoris directe operantis est multo humilior quam JavaScript obiecti operans. Quoties proprietates vel status mutationis componentis, agere novam virtualem domnum in memoriam construet, eamque cum pristino veteri comparabit ut determinet an arbor navigatoris opus sit renovandum, ita optimizing translationem regni quantum fieri potest.

Super hoc, cyclum vitae munus praebet componente agere.shouldComponentUpdate, component hoc munus vocabit antequam re- ferendis decernat (post comparationem virtualem DOM peractam et dom finalem generatur).truesignificans renovationem domam directe incipiendam esse per defaltam;

shouldComponentUpdate: function(nextProps, nextState) {
	return true;
}

Notatu dignum est quod agere hoc munus frequentius appellabit, si ergo logicam huius functionis teipsum efficere cogitas, quam maxime perficiendi oro.

Exempli gratia, applicationem chat cum multiplicibus nuntia. Si una tantum hoc tempore mutatur, si sequentia efficiesshouldComponentUpdateagere vitabit re- reddendas tabellas quae non mutatae sunt secundum situm;

shouldComponentUpdate: function(nextProps, nextState) {
	// TODO: return whether or not current chat thread is different to former one.
	// 根据实际情况判断当前帖子的状态是否和之前不同
}

In summa, React vitat operationes domnarum pretiosas quam maxime et tincidunt se impedire permittit moribus.

#### shouldComponentUpdate agendo
Hic est exemplum componentis continentis infantis elementa, ut infra ostendetur.