Translating 550 words of Facebook React, addons-shallow-renderer.md from 0% to 100% and addons-test-utils.md from 0% to 50%.
Translating 550 words of Facebook React, addons-shallow-renderer.md from 0% to 100% and addons-test-utils.md from 0% to 50%.
What is React?
React is a declarative, efficient, and flexible JavaScript library for building user interfaces.
Today I translated addons-shallow-renderer.md from 0% to 100% and addons-test-utils.md from 0% to 50%.
Before
- addons-shallow-renderer.md from 0%
- addons-test-utils.md from 0%
After
- addons-shallow-renderer.md to 100%
- addons-test-utils.md to 50%
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:
Magpasa ng isang mocked na modulo ng komponent sa pamamaraang ito upang dagdagan ito ng mga kapaki-pakinabang na pamamaraan na nagpapahintulot na ito ay magamit bilang isang dummy na komponent ng React. addons-test-utils.md 08:50 AM
Kung hindi ang iisipin ng React ay hindi nya ma-aacess ang DOM at ang mga metod tulad ngsetState
ay hindi gagana. addons-test-utils.md 08:49 AM
Kinakailangan mong magkaroon ngwindow
,window.document
atwindow.document.createElement
na maaari sa pangkalahatan bago ka mag-import ngReact
. addons-test-utils.md 08:48 AM
I-render ang elemento ng React sa isang detached na node ng DOM sa isang dokumento.Ang punsyon na ito ay kinakailangan ng DOM. addons-test-utils.md 08:46 AM
Kinakailangan mong magbigay ng kahit na anong katangian ng pangyayari na iyong ginagamit sa iyong komponent(hal. KeyCode, Which, atbp...) dahil ang React ay hindi gumagawa ng kahit na ano nito para sayo. addons-test-utils.md 08:46 AM
// <input ref="input" /> const node = this.refs.input; node.value = 'giraffe'; ReactTestUtils.Simulate.change(node); ReactTestUtils.Simulate.keyDown(node, {key: "Enter", keyCode: 13, which: 13}); addons-test-utils.md 08:42 AM
Pagpapalit sa value ng isang input na patlang at pag pindot ng ENTER. addons-test-utils.md 08:42 AM
// <button ref="button">...</button> const node = this.refs.button; ReactTestUtils.Simulate.click(node); addons-test-utils.md 08:41 AM
Pag-klik sa elemento addons-test-utils.md 08:41 AM
AngSimulate
ay may isang metod para sa bawat pangyayari na nauunawaan ng React. addons-test-utils.md 08:41 AM
I-simulate ang isang paglalabas ng kaganapan sa isang DOM node na may opsyonal na data ng kaganapan ngeventData
. addons-test-utils.md 08:40 AM
Iba pang mga Utility addons-test-utils.md 08:40 AM
Ang shallow renderer ay inilipat sareact-test-renderer/shallow
.
Matuto ng higit pa tungkol sa shallow rendering sa kanyang pahina ng reperensya. addons-test-utils.md 08:39 AM
Shallow Rendering addons-test-utils.md 08:38 AM
Kung ikaw ay nagpapasya sa isang unit testing utility upang gamitin kasama ang Jest, o anumang iba pang test runner, ito ay karapatdapat na i-tsek: http://airbnb.io/enzyme/ addons-test-utils.md 08:38 AM
Ang Airbnb ay naglabas ng isang pang-testing na utility na tinatawag na Enzyme, na ginagawang mas madali ang pag-assert, manipulatem at mag traverse ng output ng komponent ng iyong React. addons-test-utils.md 08:37 AM
Matutunan kung paano makakapag simula sa Jest sa pamamagitan ng React Tutorial sa Jest website. addons-test-utils.md 08:36 AM
Sa Facebook ginagamit namin ang Jest para sa walang sakit na pagtest ng JavaScript. addons-test-utils.md 08:35 AM
AngReactTestUtils
ay ginagawang madali na i-test ang mga komponent ng React sa isang testing framework na iyong pagpili. addons-test-utils.md 08:35 AM
Test Utilities addons-test-utils.md 08:34 AM
Test Utilities addons-test-utils.md 08:28 AM
At maaari mo nang i-assert ang katotohanan tungkol sa output. addons-shallow-renderer.md 08:28 AM
Pagkatapos ngshallowRenderer.render()
ay makansela, maaari mong gamitin angshallowRenderer.getRenderOutput()
para makuha ang shallowly rendered na outpit. addons-shallow-renderer.md 08:28 AM
Ito ay nangangahulugang maaari mong subukan ang mga komponent na nakahiwalay mula sa kung paanong ang kanilang mga child ay naimplementa. addons-shallow-renderer.md 08:27 AM
AngshallowRenderer.render()
ay parehas saReactDOM.render()
ngunit hindi ito nangangailangan ng DOM at nag-rerender lamang ng solong level deep. addons-shallow-renderer.md 08:26 AM
Maaari mong isipin na ang shallowRenderer na isang "lugar" para mag-render ng komponent na iyong sinusubokan, at mula rito ay maaari kang mag-extract ng output ng komponent. addons-shallow-renderer.md 08:25 AM
Amin ding nirerekomenda ang pag-tsek sa Shallow Rendering API ng Enzyme. Ito ay nagbibigay ng mas maiging higher-level API nang higit pa sa parehong pusyonalidad. addons-shallow-renderer.md 08:24 AM
Ang shallow testing ay kasalukuyang may mga limitasyon, kung papangalanan ay hindi sinusuportahan ang refs. addons-shallow-renderer.md 08:23 AM
At maari mong i-assert: addons-shallow-renderer.md 08:22 AM
Halimbawa, kung ikaw ay may ganitong komponent: addons-shallow-renderer.md 08:22 AM
Ito ay hindi nangagailangan ng isang DOM. addons-shallow-renderer.md 08:22 AM
Ang shallow rendering ay hahayaan kang mag-render ng isang komponent na "isang lebel ng lalim" at igigiit ang katotohanan tungkol sa returns ng metod nito sa pag-render, ng walang pag-aalala tungkol sa asal ng mga komponent ng child, na hindi nabigyan ng halimbawa o na-render. addons-shallow-renderer.md 08:21 AM
Kapag nagsusulat ng mga test ng unit para sa React, ang shallow rendering ay maaaring makatulong. addons-shallow-renderer.md 08:19 AM
import ShallowRenderer from 'react-test-renderer/shallow'; // ES6 var ShallowRenderer = require('react-test-renderer/shallow'); // ES5 na may npm addons-shallow-renderer.md 08:18 AM
Shallow Renderer addons-shallow-renderer.md 08:18 AM
Posted on Utopian.io - Rewarding Open Source Contributors
Nice post
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Hey @ruah I am @utopian-io. I have just upvoted you!
Achievements
Suggestions
Get Noticed!
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x