Translating 520 words of Facebook React

Today I finished translating implementation-notes.md from 33% to 44% total of 520 words.
You may check my activity on this link: https://crowdin.com/project/react/fil/activity

• And here are the few Examples of my translation:

// Ang bawat isa sa mga ito ay maaaring isang DOMComponent o isang CompositeComponent, // depende sa kung ang uri ng elemento ay isang string o isang punsyon. implementation-notes.md 09:54 AM
return this.node; } mount() { var element = this.currentElement; var type = element.type; var props = element.props; var children = props.children || []; if (!Array.isArray(children)) { children = [children]; } // Gumawa at i-save ang node var node = document.createElement(type); this.node = node; // Itakda ang mga katangian Object.keys(props).forEach(propName => { if (propName !== 'children') { node.setAttribute(propName, props[propName]); } }); // Gumawa at i-save ang nilalaman na children. implementation-notes.md 09:53 AM
class DOMComponent { constructor(element) { this.currentElement = element; this.renderedChildren = []; this.node = null; } getPublicInstance() { // Para sa DOM na mga komponent, lamang hayag ang DOM na node. implementation-notes.md 09:52 AM
Ang mountHost() na punsyon, ay na-refactor bilang isang mount() na metod sa DOMComponent na class, at mukhang pamilyar: implementation-notes.md 09:51 AM
Ang pang publikong instance ay nakikita mo bilang this sa render() at iba pang metod ng iyong pasuyong mga komponent. implementation-notes.md 09:50 AM
Sa kabaligtaran, tinatawag namin ang instance ng isang user-defined na class bilang "public instance". implementation-notes.md 09:49 AM
Ang renderer at reconciler lamang ang may kamalayan na silay umiiral. implementation-notes.md 09:48 AM
Sila ay umiiral upang maaari tayong makisalamuha sa ilang data sa kanila. implementation-notes.md 09:48 AM
Para maiwasan ang pagkalito, aming tatawagin ang mga instance ng CompositeComponent at DOMComponent na "internal intances". implementation-notes.md 09:47 AM
Ang user-defined na class ay syang aming binasa mula sa element.type, at CompositeComponent ay gumawa ng instance para dito. implementation-notes.md 09:46 AM
CompositeComponent ay isang detalyeng implementasyon ng aming reconciler, at hindi kailanman napakita sa user. implementation-notes.md 09:42 AM
Tandaan na ang instance ng CompositeComponent ay hindi kaparehong bagay bilang isang instance ng user-supplied na element.type. implementation-notes.md 09:41 AM
Ito ay hindi gaanong naiiba sa aming nakaraang pagpapatupad ngmountComposite(), ngunit ngayon ay maaari naming i-save ang ilang impormasyon, tulad ng this.currentElement, this.renderedComponent, at this.publicInstance, para gamitin sa pag u-update. implementation-notes.md 09:39 AM
// Ito ay maaring isang DOMComponent para sa <div /> or <p />, // at isang CompositeComponent para sa <App /> or <Button />: var renderedComponent = instantiateComponent(renderedElement); this.renderedComponent = renderedComponent; // I-mount ang output ng na-render return renderedComponent.mount(); } } implementation-notes.md 09:37 AM
return this.publicInstance; } mount() { var element = this.currentElement; var type = element.type; var props = element.props; var publicInstance; var renderedElement; if (isClass(type)) { // Mga class ng komponent publicInstance = new type(props); // Itakda ang mga prop publicInstance.props = props; // Tawagin ang lifecycle kung kinakailangan if (publicInstance.componentWillMount) { publicInstance.componentWillMount(); } renderedElement = publicInstance.render(); } else if (typeof type === 'function') { // Punsyon ng komponent publicInstance = null; renderedElement = type(props); ... implementation-notes.md 09:34 AM
class CompositeComponent { constructor(element) { this.currentElement = element; this.renderedComponent = null; this.publicInstance = null; } getPublicInstance() { // Para sa composite na mga komponent, inihahayag ang class agad-agad. implementation-notes.md 09:30 AM
Una, Ikonsidera natin ang pagpapatupad ng CompositeComponent: implementation-notes.md 09:29 AM
function instantiateComponent(element) { var type = element.type; if (typeof type === 'function') { // User-defined na mga komponent return new CompositeComponent(element); } else if (typeof type === 'string') { // Platform-specific na mga komponent return new DOMComponent(element); } } implementation-notes.md 09:28 AM
Papalitan namin ang top-level na mount() na punsyon na may pabrika na nag-instantiates ng tamang class: implementation-notes.md 09:28 AM




---

Posted on Utopian.io - Rewarding Open Source Contributors

---