Translating 518 words of Facebook React

Today I finished translating implementation-notes.md from 22% to 33% total of 518 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:

Gayon pa man, ito ay kung paano ito ngayon gumagana. implementation-notes.md 10:03 AM
May mga kahinaan sa pamamaraang ito, at kami ay papunta sa kabilang direksyon ng kasalukuyang muling pagsulat ng reconciler. implementation-notes.md 10:03 AM
Ang stack reconciler codebase ay nilulutas ang paggawa ng mount() na punsyon sa isang paraan at inila-lagay ang mga ito sa isang klase. implementation-notes.md 10:01 AM
Hindi ito makapagsasagawa ng mga update dahil hindi nito naiimbak ang mga kinakailangang impormasyon, katulad ng lahat ng mga publicInstance, o anumang mga node ng DOM na tumutugma sa anumang mga komponent. implementation-notes.md 10:01 AM
Gayunman, ang aming implementasyon sa itaas aya nalalaman lamang kung paano maima-mount ang inisyal na tree. implementation-notes.md 09:59 AM
ReactDOM.render(<App />, rootEl); // Dapat gamiting muli ang umiiral ng DOM: ReactDOM.render(<App />, rootEl); implementation-notes.md 09:58 AM
Ang mga pangunahing tampok ng React ay maari moing i-rerender ang lahat, at sa madaling salita, hindi nito muling lilikhain ang DOM o i-rereset ang estado: implementation-notes.md 09:58 AM
Pagpapakilala para sa panluib na mga pagkakataon implementation-notes.md 09:56 AM
Ito ay gumagana pa rin ngunit malayo mula sa kung paano talagang pinapatupad ang reconciler. Ang nawawalang susi ay suporta para sa mga update. implementation-notes.md 09:56 AM
return node; } function mount(element) { var type = element.type; if (typeof type === 'function') { // Mga komponent na user-defined return mountComposite(element); } else if (typeof type === 'string') { // Mga komponent na platform-specific return mountHost(element); } } var rootEl = document.getElementById('root'); var node = mount(<App />); rootEl.appendChild(node); implementation-notes.md 09:53 AM
// Dito na nagtatapos ang recursyon. implementation-notes.md 09:47 AM
// Ito ay magiging iba dipende sa renderer: node.appendChild(childNode); }); // Ibalik ang DOM node bilang mount na resulta. implementation-notes.md 09:43 AM
// Atin din silang ima-mount ng recorsibo: var childNode = mount(childElement); // Ang linya ng code na ito ay renderer-specific din. implementation-notes.md 09:42 AM
var node = document.createElement(type); Object.keys(props).forEach(propName => { if (propName !== 'children') { node.setAttribute(propName, props[propName]); } }); // I-mount ang mga children children.forEach(childElement => { // Ang children ay maaring mag-host ng (hal. <div />) o mag-composite ng (hal. <Button />). implementation-notes.md 09:41 AM
// Halimbawa, ang React Native ay gagawa ng iOS o Android na mga view. implementation-notes.md 09:40 AM
// Iba 't ibang mga renderer ay maaaring simulan ang mga node ng naiiba. implementation-notes.md 09:39 AM
function mountHost(element) { var type = element.type; var props = element.props; var children = props.children || []; if (!Array.isArray(children)) { children = [children]; } children = children.filter(Boolean); // Ang bloke ng code na ito ay hindi dapat nasa reconciler. implementation-notes.md 09:37 AM
// Halimbawa, hinahawakan nito ang <div /> and <p /> ngunit hindi ang <App />. implementation-notes.md 09:37 AM
function mountComposite(element) { var type = element.type; var props = element.props; var renderedElement; if (isClass(type)) { // class na komponent var publicInstance = new type(props); // I-set 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 renderedElement = type(props); } // Ito ay recorsibo ngunit amin itong tiyak na maabot hangang sa ilalim ng recursion kapag // ang elemento ay isang host (hal. &lt... implementation-notes.md 09:26 AM
// Halimbawa, hinahawakan ni to ang <App /> and <Button />, ngunit hindi ang <div />. implementation-notes.md 09:22 AM
function isClass(type) { // React.Component na subclasses ay may ganitong flag return ( Boolean(type.prototype) && Boolean(type.prototype.isReactComponent) ); } // Ang punsyon na ito ay humahak lamang ng mga elemento na may composite na uri. implementation-notes.md 09:21 AM
Kung ating ipapaabot sa code para i-handle ang mga elemento ng host, ito ay magiging parang ganito: implementation-notes.md 09:20 AM
Ang eksaktong resulta ng pag-mount (minsan ay tinatawag na "mount image" sa isang source code) nakadepende sa renderer, at maari ring isang DOM na node (React DOM), Ang string (React DOM Server), o isang number na nag rerepresinta ng isang native na pananaw (React Native).