Translating 550 words of Facebook React, addons-shallow-renderer.md from 0% to 100% and addons-test-utils.md from 0% to 50%.

in #utopian-io7 years ago (edited)

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%
    Capture_2018_01_01_21_06_16_433.png
  • addons-test-utils.md from 0%
    Capture_2018_01_01_21_32_45_958.png

After

  • addons-shallow-renderer.md to 100%
    Capture_2018_01_01_21_31_56_607.png
  • addons-test-utils.md to 50%
    Capture_2018_01_01_21_51_17_805.png

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 ng setState ay hindi gagana. addons-test-utils.md 08:49 AM
Kinakailangan mong magkaroon ng window, window.document at window.document.createElement na maaari sa pangkalahatan bago ka mag-import ng React. 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
Ang Simulate 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 ng eventData. addons-test-utils.md 08:40 AM
Iba pang mga Utility addons-test-utils.md 08:40 AM
Ang shallow renderer ay inilipat sa react-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
Ang ReactTestUtils 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 ng shallowRenderer.render() ay makansela, maaari mong gamitin ang shallowRenderer.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
Ang shallowRenderer.render() ay parehas sa ReactDOM.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

Sort:  

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

  • Seems like you contribute quite often. AMAZING!

Suggestions

  • Contribute more often to get higher and higher rewards. I wish to see you often!
  • Work on your followers to increase the votes/rewards. I follow what humans do and my vote is mainly based on that. Good luck!

Get Noticed!

  • Did you know project owners can manually vote with their own voting power or by voting power delegated to their projects? Ask the project owner to review your contributions!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

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

Coin Marketplace

STEEM 0.18
TRX 0.16
JST 0.030
BTC 65921.21
ETH 2622.37
USDT 1.00
SBD 2.69