Translating 506 words of Facebook React

Source
Today I finished translating implementation-notes.md total of 506 words.

• I start at 66%
  
• And finish at 77%
  

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

• And here are the few Examples of my translation:

var canUpdate = prevChildren[i].type === nextChildren[i].type; // Kung hindi natin ma-update ang umiiral na instance, kailangan nating i-unmount ito // at mag-mount ng bago kesa ito. implementation-notes.md 09:45 AM
// Halimbawa, <Button size="small" /> Ay maaaring i-update sa // <Button size="large" /> ngunit hindi sa isang <App />. implementation-notes.md 09:44 AM
if (!prevChild) { var nextChild = instantiateComponent(nextChildren[i]); var node = nextChild.mount(); // I-record na kailangan nating ilakip ang isang node operationQueue.push({type: 'ADD', node}); nextRenderedChildren.push(nextChild); continue; } // Maaari lang nating i-update ang instance kung ang uri ng elemento nito ay magkaparehas. implementation-notes.md 09:43 AM
Create a new // Panloob na instance, i-mount ito, at gamitin ang node nito. implementation-notes.md 09:42 AM
for (var i = 0; i < nextChildren.length; i++) { // Subukang kumuha ng umiiral nang panloob na instance para sa child na ito var prevChild = prevRenderedChildren[i]; // Kung walang panloob na instance sa ilalim ng indeks na ito, // ang child ay idudugtong sa dulo. implementation-notes.md 09:42 AM
// Ito ay umiiral lamang para ilarawan ang isang kabuuang agos, at hindi ang mga detalye. implementation-notes.md 09:40 AM
// Hindi nito hinahawakan ang mga reorder, children na may mga buts at mga key. implementation-notes.md 09:39 AM
var operationQueue = []; // Paalala: ang seksyon sa ibaba ay mas pinasimple! implementation-notes.md 09:39 AM
// Ito ay mga array ng mga elemento ng React: var prevChildren = prevProps.children || []; if (!Array.isArray(prevChildren)) { prevChildren = [prevChildren]; } var nextChildren = nextProps.children || []; if (!Array.isArray(nextChildren)) { nextChildren = [nextChildren]; } // Ito ay array ng panloob na mga instance: var prevRenderedChildren = this.renderedChildren; var nextRenderedChildren = []; // Habang aming pinapaulit-ulit ang children, kami ay nagdaragdag ng operasyon sa array. implementation-notes.md 09:38 AM
Aming kinokolekta ang mga operasyon ng DOM sa children sa listahan para maaari namin itong isagawa ng bultuhan: implementation-notes.md 09:37 AM
Ang tunay na reconciler ay kumukuha rin ng key ng elemento sa isang account at sinisiyasat ang mga galaw sa karagdagang pagpasok at pagbura, ngunit ating babawasan ang lohikang ito. implementation-notes.md 09:36 AM
Sa pinasimpleng halimbawa na ito, kami ay gumagamit ng array na panloob na instance at umulit mula dito, alinman sa pag-update o pagpalit ng panloob na mga instance depende sa mga natanggap na type na kapareho ng lumang type. implementation-notes.md 09:35 AM
Pagkatapos, ang mga komponent ng host ay kailangan na i-update ang kanilang mga children. hindi tulad ng composte na mga komponent, pwede silang mag laman ng mas higit sa isa na child. implementation-notes.md 09:33 AM
Object.keys(nextProps).forEach(propName => { if (propName !== 'children') { node.setAttribute(propName, nextProps[propName]); } }); // ... implementation-notes.md 09:32 AM
Object.keys(prevProps).forEach(propName => { if (propName !== 'children' && !nextProps.hasOwnProperty(propName)) { node.removeAttribute(propName); } }); // Itakda ang mga susunod na katangian. implementation-notes.md 09:32 AM
receive(nextElement) { var node = this.node; var prevElement = this.currentElement; var prevProps = prevElement.props; var nextProps = nextElement.props; this.currentElement = nextElement; // Tanggalin ang lumang mga katangian. implementation-notes.md 09:31 AM
class DOMComponent { // ... implementation-notes.md 09:31 AM
Sa kaso ng React DOM, nangangahulugan itong pag-update sa mga katangian ng DOM: implementation-notes.md 09:31 AM
Kapag nakatanggap sila ng isang elemento, kailangan nilang i-update ang pinagbabatayan na platform-specific na pananaw. implementation-notes.md 09:30 AM
Mga implementasyon ng komponent ng Host, katulad ng DOMComponent, ay ina-update na kakaiba. implementation-notes.md 09:28 AM
Ina-update ang mga komponent ng Host implementation-notes.md 09:28 AM
getHostNode() { return this.node; } } implementation-notes.md 09:27 AM
return this.renderedComponent.getHostNode(); } } class DOMComponent { // ... implementation-notes.md 09:27 AM
// Ito ay paulit-ulit na nagdi-drill down sa kahit anong mga composite. implementation-notes.md 09:27 AM
getHostNode() { // Tanungin ang na-render na komponent na ibigay iyon. implementation-notes.md 09:17 AM
class CompositeComponent { // ... implementation-notes.md 09:16 AM
Ang implementasyon nito ay tuwiran sa parehong klase: implementation-notes.md 09:16 AM
Tandaan na ang kailangang idagdag sa isang metod ay tinatawag na getHostNode() sa isang panloob na instance na kontrata kaya ito ay posible na mahanap ang platform-specific na node at palitan ito sa panahon ng pag u-update. implementation-notes.md 09:16 AM
Hindi namin pinag-uusapan ang paghawak ng key sa dokumentong ito dahil ito ay nag daragdag ng kakumplikadohan sa tutorial na kumplikado na. implementation-notes.md 09:10 AM
Mayroon pang isang kondisyon sa ilalim na kung saan ang komponent ay ma-reremount kesa tumanggap ng isang elemento, at ayun ay kung ang key ng elemento ay mabago. implementation-notes.md 09:09 AM

---

Posted on Utopian.io - Rewarding Open Source Contributors

---