Translating 550 words of Facebook React, addons-perf.md from 66% to 100%, addons-pure-render-mixin.md from 0% to 100% and addons-shallow-compare.md from 0% to 100%.

What is React?

React is a declarative, efficient, and flexible JavaScript library for building user interfaces.

Today I translated addons-perf.md from 66% to 100%, addons-pure-render-mixin.md from 0% to 100% and addons-shallow-compare.md from 0% to 100%.

Before

• addons-perf.md from 66%
  
• addons-pure-render-mixin.md from 0%
  
• addons-shallow-compare.md from 0%
  

After

• addons-perf.md to 100%
  
• addons-pure-render-mixin.md to 100%
  
• addons-shallow-compare.md to 100%
  

You may check my activity on this link: https://crowdin.com/project/react/fil/activity

My Profile Activity as a translator: https://crowdin.com/profile/ruah/activity

And here are the few Examples of my translation:

Ang shallowCompare ay nagbabalik ng true kung ang shallow comparison para sa mga prop o estado ay pumalya at syempre ang komponent ay kinakailangang i-update.
Ang shallowCompare ay nagbabalik ng false kung ang shallow comparison para sa mga prop at estado ay parehong pumasa at syempre ang komponent ay hindi na kailangang i-update. addons-shallow-compare.md 11:58 PM
Ang shallowCompare ay nag pe-perform ng pag-tsek sa kasalukuyang mababaw na pagkakatulad ng props at nextProps na mga bagay katulad ng kasalukuyang state at nextState na mga bagay.
Ginagawa nito ito sa pamamagitan ng pag-interate sa mga key ng mga object na ikinukumpara at nag babalik ng true kapag ang mga value ng key sa bawat object ay hindi istriktong pantay. addons-shallow-compare.md 11:56 PM
Kung ang pag-render ng komponent ng iyong React ay "puro" (sa kabilang banda, ito ay nagre-render ng parehong resulta na nag bibigay ng parehong mga prop at estado), maaari mong gamiting ang helper na punsyong ito para sa boost na performance sa ilang mga kaso. addons-shallow-compare.md 11:53 PM
Bago ma introdyus ang React.PureComponent, ang shallowCompare ay karaniwang ginagamit para makamit ang parehong punsyonalidad tulad ng PureRenderMixin habang ang paggamit ng mga class ng ES6 sa React. addons-shallow-compare.md 11:51 PM
import shallowCompare from 'react-addons-shallow-compare'; // ES6 var shallowCompare = require('react-addons-shallow-compare'); // ES5 na may npm addons-shallow-compare.md 11:49 PM
Ang shallowCompare ay isang legacy add-on. Sa halip ay gamitin nalamang ang React.PureComponent. addons-shallow-compare.md 11:49 PM
Shallow Compare addons-shallow-compare.md 11:48 PM
Mababaw na Paghahambing addons-shallow-compare.md 11:48 PM
Bukod pa rito, ang shouldComponentUpdate ay ipinagpapaliban ang mga update para sa buong subtree ng komponent. Siguraduhing ang lahat ng mga komponent ng mga child ay siguradong "puro". addons-pure-render-mixin.md 11:43 PM
O, ikonsidera ang paggamit ng immutable objects para pangasiwaan ang mabilis na paghahambing ng nested data. addons-pure-render-mixin.md 11:42 PM
Mag halo lamang ng mga komponent na merong simpleng mga prop at estado, o gumamit ng forceUpdate() kung lubusan mong alam na ang data structures ay nagkaroon ng pagbabago. addons-pure-render-mixin.md 11:41 PM
Kung iyo ay naglalaman ng kumplikadong data structures, ito ay maaaring lumikha ng false-negatives para sa mas malalim na diperensya. addons-pure-render-mixin.md 11:40 PM
Ito ay mababaw lamang na inihahambing sa mga bagay. addons-pure-render-mixin.md 11:39 PM
Sa ilalim ng hood, ang mixin ay nagi-implementa ng shouldComponentUpdate, kung saan ito ay naghahambing ng kasalukuyang mga prop at estado sa isang susunid at magbabalik ng false kung ang pagkakapareho nito ay pumasa. addons-pure-render-mixin.md 11:39 PM
Halimbawa: addons-pure-render-mixin.md 11:37 PM
Kung ang iyong komponent ng React ay nag-render ng punsyon ay nag-render ng parehong resulta na nagbigay ng parehong mga prop at estado, maaari mong gamitin ang mixin na ito para sa isang pag boost ng performance sa ilang mga kaso. addons-pure-render-mixin.md 11:37 PM
import PureRenderMixin from 'react-addons-pure-render-mixin'; // ES6 var PureRenderMixin = require('react-addons-pure-render-mixin'); // ES5 na may npm addons-pure-render-mixin.md 11:35 PM
Ang PureRenderMixin ay isang pamanang add-on. Sa halip ay gamitin ang React.PureComponent. addons-pure-render-mixin.md 11:35 PM
PureRenderMixin addons-pure-render-mixin.md 11:34 PM
Sa Kasalukuyan ang printDOM() ay patuloy na umiiral bilang isang alyas ngunit ito ay nagpi-print ng deprekasyon na babala at siguradong maaalis. addons-perf.md 11:22 PM
Ang metod na ito ay pinangalanang printOperations(). addons-perf.md 11:19 PM
I-print ang kalakip na mga manipulasyon ng DOM, hal. "set innerHTML" at "remove". addons-perf.md 11:19 PM
Ang "Nasayang" na oras ay ginugugol sa mga komponent na hindi naman nakapag-render ng kahit na ano, hal. ang render ay walang pinagbago, kaya ang DOM ay hindi manlang nagalaw. addons-perf.md 11:01 PM
Ang pinakang kagami-gamit na parte ng isang profiler. addons-perf.md 10:59 PM
Ang "Ekslusibo" na mga oras ay hindi isinasama ang mga oras para i-mount ang mga komponent: pag-proseso ng mga props, pag-tawag sa componentWillMount at componentDidMount, at iba pa. addons-perf.md 10:59 PM
I-print ang kabuuan ng oras na nakuha. Kung walang lumipas na mga argumento, mga default sa lahat ng mga sukat mula sa huling pag-record. Ini-print ng isang mahusay na na-format na talahanayan sa console, tulad nito: addons-perf.md 10:56 PM
Huwag umasa sa eksaktong format ng return value dahil maaaring magbago ito sa mga menor na release. I-uupdate namin ang dokumentasyon kung ang format ng return value ay nagiging suportadong bahagi ng public API. addons-perf.md 10:51 PM
Paalala addons-perf.md 10:49 PM
Maaari mong i-save at ipasa ito sa ibang print na mga metod sa Perf para i-analyze ang mga mga nakaraang sukat. addons-perf.md 03:04 AM
Kunin ang opaque na data structure na naglalarawan ng mga sukat mula sa huling start-stop na sesyon. addons-perf.md 03:03 AM
Pagkatapos mapahinto, kailangan mo na ang Perf.getLastMeasurements() ay makakuha ng mga sukat. addons-perf.md 02:59 AM
Simulan/itigil ang pag-sukat. Ang operasyon ng React sa pagitan ay inire-record para sa pagsusuri sa ibaba. Ang mga Operasyon na kinuha sa isang walang halagang dami ng oras ay hindi pinapansin. addons-perf.md 02:58 AM
Ginagamit ng mga sumusunod na metod ang mga sukat na ibinalik sa pamamagitan ng Perf.getLastMeasurements() upang mai-print ang resulta. addons-perf.md 02:53 AM
Pag-print sa mga Result addons-perf.md 02:48 AM
Pagkuha sa mga sukat addons-perf.md 02:47 AM
Ang Perf na object ay maaaring gamitin sa React sa development mode lamang. Hindi mo dapat isama ang bundle na ito kapag nagbi-build ka ng iyong app para sa produksyon. addons-perf.md 02:47 AM
Gamit ang Perf addons-perf.md 02:46 AM
Gayunpaman, ang mga tool sa perf na inilarawan sa pahinang ito ay gagana lamang kapag ginagamit ang build ng React. Samakatuwid, ang profiler ay nagsisilbi lamang upang ipahiwatig ang relatibong mga mahahalagang bahagi ng iyong app. addons-perf.md 02:46 AM
Ang development build ay may kasamang mga ekstra na babala na makatutulong sa pag-build ng iyong apps, ngunit mas mabagal ito dahil sa ekstra na bookkeeping na ginagawa nito. addons-perf.md 02:44 AM
Kung ikaw ay nag be-benchmark o nakakakita ng mga problema sa performance sa iyong apps ng React, tiyakin na sinusubukan mo ang minified production build. addons-perf.md 02:43 AM
Development vs. Production Builds addons-perf.md 02:41 AM
"Isang malalim na pag sisid sa React Perf Debugging" addons-perf.md 02:40 AM
"Performance Engineering sa React" addons-perf.md 02:40 AM
"Paano mag Benchmark ng mga Komponent ng React" addons-perf.md 02:40 AM
Tingnan ang mga artikulong ito para sa isang introduksyon sa performance tooling ng React: addons-perf.md 02:37 AM
Bukod pa sa pagbibigay sa inyo ng isang buod ng iyong pangkalahatang performance ng iyong app, ang Perf ay isang profiling na tool na magsasabi sa iyo kung saan mo eksaktong ilalagay ang mga hook na ito. addons-perf.md 02:36 AM
Gayunman, sa mga sitwasyon na kailangan mong pigain ang bawat katiting na performance sa iyong app, ito ay nagbibigay ng isang shouldComponentUpdate() na hook kung saan maari kang mag dagdag ng optimisasayon na mga hint sa diff na algoritmo ng React. addons-perf.md 02:34 AM
Ang React ay kadalasang mabilis pagdating sa labas ng kahon. addons-perf.md 02:32 AM
Mga Tool ng Performance addons-perf.md 02:31 AM
Tandaan din na kami ay umaasa sa engine ng JavaScript pagpapanatili ng object enumeration na order dito, na hindi garantisado sa pamamagitan ng spec ngunit inimplementa nang lahat ng major na mga browser at VMs para sa mga object na non-numeric keys. addons-create-fragment.md 02:23 AM
Ang ibabalik na value ng createFragment ay dapat ituring na isang opaque na object; maari kang gumamit ng React.Children na helpers para mag loop ng isang fragment ngunit hindi dapat itong i-access ng direkta. addons-create-fragment.md 02:20 AM
Sa pagbabagong ito, ang dalawang set ng mga child ay wastong aayusin muli sa DOM nang walang pag-a-unmount. addons-create-fragment.md 02:08 AM
Ang mga key ng ipinasa na object (iyon ay, left at right) ay ginagamit bilang mga key para sa buong hanay ng mga child, at ang pagkakasunud-sunod ng mga key ng object ay ginagamit upang matukoy ang pagkakasunud-sunod ng mga nai-render na child. addons-create-fragment.md 02:05 AM
Ang mga key ng ipinasa na object (iyon ay, left at right) ay ginagamit bilang mga key para sa buong hanay ng mga child, at ang pagkakasunud-sunod ng mga key ng object ay ginagamit upang matukoy ang pagkakasunud-sunod ng mga nai-render na child. addons-create-fragment.md 02:05 AM
Kesa gumawa ng mga array, sinusulat namin ang: addons-create-fragment.md 02:00 AM
Upang malutas ang problemang ito, maaari mong gamitin ang createFragment na add-on upang magbigay ng mga key sa mga set ng mga child. addons-create-fragment.md 02:00 AM
Ang mga child ay mag a-unmount at mag ma-mount muli kapag binago mo ang swapped na prop dahil walang mga key na minarkahan sa dalawang set ng mga child. addons-create-fragment.md 01:59 AM
Iyon ay, kung mayroon kang isang komponent tulad ng: addons-create-fragment.md 01:58 AM

---

Posted on Utopian.io - Rewarding Open Source Contributors

---