Translating 508 words of Facebook React, addons-animation.md from 34% to 69%.

in #utopian-io7 years ago (edited)

Translating 508 words of Facebook React, addons-animation.md from 34% to 69%.

What is React?

React is a declarative, efficient, and flexible JavaScript library for building user interfaces.

Today I translated addons-animation.md

  • I start at 34%
  • And finish at 69%
    Capture_2017_12_30_11_39_50_915.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:

Gayunpaman, ang compenent ay hindi kailangang maging komponent ng DOM. addons-animation.md 10:39 PM
Ang bawat komponent ng DOM na maaaring i-render ng React ay maaaring gamitin. addons-animation.md 10:38 PM
Anumang karagdagan na, user-defined, ang mga katangian ay magiging mga katangian ng nai-render na komponent. Halimbawa, kung paano mo na-render ang isang <ul> sa class ng CSS: addons-animation.md 10:35 PM
Anumang karagdagan na, user-defined, ang mga katangian ay magiging mga katangian ng nai-render na komponent. Halimbawa, kung paano mo na-render ang isang <ul> sa class ng CSS: addons-animation.md 10:35 PM
Halimbawa, kung paano mo ini-render ang isang <ul>: addons-animation.md 10:33 PM
Maaari mong baguhin ang pag-uugaling ito sa pamamagitan ng pagbibigay ng prop ng component. addons-animation.md 10:32 PM
Ang ReactTransitionGroup ay nagre-render bilang isang span bilang default. addons-animation.md 10:31 PM
Pag-render ng Iba't ibang Komponent addons-animation.md 10:31 PM
Kapag ang mga child ay idineklarang idinagdag o inalis mula dito (tulad ng halimbawa sa itaas), ang mga espesyal na mga hook ng lifecycle ay tinatawag sa kanila. addons-animation.md 10:30 PM
Ang ReactTransitionGroup ay ang batayan para sa mga animasyon. addons-animation.md 10:28 PM
import ReactTransitionGroup from 'react-addons-transition-group' // ES6 var ReactTransitionGroup = require('react-addons-transition-group') // ES5 na may npm addons-animation.md 10:28 PM
Low-level API: ReactTransitionGroup addons-animation.md 10:27 PM
Kung gusto mo ng mas pinong pag-kontrol, maaari mong gamitin ang lower-level na API ng ReactTransitionGroup na nagbibigay ng mga hook na kailangan mong gawan ng pasadya na transition. addons-animation.md 10:27 PM
Kapag gumagamit ng ReactCSSTransitionGroup, walang paraan para maabisuhan ang iyong mga komponent kapag natapos na ang transisyon o magsagawa ng mas kumplikadong lohika sa paligid ng animasyon. addons-animation.md 10:25 PM
Maaari kang magdagdag ng transitionEnter={false} o transitionLeave={false} na mga prop sa ReactCSSTransitionGroup para i-disable ang mga animasyon na ito. addons-animation.md 10:24 PM
Halimbawa, kung minsan ay maaaring gusto mo ang isang enter na animasyon na walang animasyon na leave, ngunit hinihintay ng ReactCSSTransitionGroup ang isang animasyon bago alisin ang node ng iyong DOM. addons-animation.md 10:22 PM
Maaaring hindi mo paganahin ang animating enter o leave na mga animasyon kung gusto mo. addons-animation.md 10:20 PM
Hindi pagpapagana sa mga animasyon addons-animation.md 09:48 PM
Halimbawa, maaari naming ipatupad ang isang simpleng imahe ng carousel tulad nito: addons-animation.md 09:48 PM
Katulad nito, maaari mong i-animate ang isang bagong elemento na pinapalitan ang kasalukuyang elemento. addons-animation.md 09:47 PM
Ginagawang posible upang mapagalaw ang isang solong elemento na pumapasok o umaalis. addons-animation.md 09:46 PM
Gayunpaman, ang mga child ng ReactCSSTransitionGroup ay maaari ding isa o zero na mga item. addons-animation.md 09:45 PM
Sa halimbawa sa itaas, nag-render kami ng isang listahan ng mga item sa ReactCSSTransitionGroup. addons-animation.md 09:45 PM
Pag-animasyon sa Isa o sa Zero na mga Item addons-animation.md 09:44 PM
Ihambing ito sa Pagsisimula na seksyon sa itaas upang makita ang pagkakaiba. addons-animation.md 09:42 PM
Ang halimbawa sa ibaba ay hindi gagana, dahil ang ReactCSSTransitionGroup ay imina-mount kasama ng bagong item, sa halip na ang bagong item ang naka-mount sa loob nito. addons-animation.md 09:41 PM
Upang ma-apply ang mga transition sa mga child nito, dapat na naka-mount ang ReactCSSTransitionGroup sa DOM o ang prop na transitionAppear ay dapat itakda bilang true. addons-animation.md 09:39 PM
Ang Grupo ng Animasyon ay Dapat ma-mount Upang gumana addons-animation.md 09:38 PM
// ... addons-animation.md 09:37 PM
Narito ang dalawang halimbawa gamit ang mga pasadyang class: addons-animation.md 09:37 PM
Kung maibibigay lamang ang enter at leave na mga class, ang mga class sa enter-active at leave-active na class ay matutukoy sa pamamagitan ng pagdagdag ng '-active' sa dulo ng pangalan ng class. addons-animation.md 09:36 PM
Sa halip na ipasa ang isang string sa transitionName maaari mong ipasa ang isang bagay na naglalaman ng alinman sa enter at leave na mga pangalan ng class, o isang bagay na naglalaman ng enter, < code>enter-active, leave-active, at leave na mga pangalan ng class. addons-animation.md 09:34 PM
Posible ring gumamit ng mga pasadyang pangalan ng class para sa mga bawat hakbang sa iyong mga transition. addons-animation.md 09:32 PM
Posible rin na gumamit ng mga pasadyang pangalan ng class para sa bawat hakbang sa iyong mga transition. addons-animation.md 03:41 AM
Pasadyang mga Class addons-animation.md 03:26 AM
Kung hindi mo kailangang ipasok o iwanan ang mga animasyon, ipasa ang transitionEnter={false} o transitionLeave={false}. addons-animation.md 03:26 AM
Gayunman, ang default na halaga ng transitionEnter at transitionLeave ay true kaya kailangan mong tiyakin na ang transitionEnterTimeout at transitionLeaveTimeout ay default. addons-animation.md 02:56 AM
Upang mapanatili ang backwards compatibility, ang default na halaga ay naka-set sa false. addons-animation.md 02:54 AM
Ang prop na transitionAppear ay nai-dagdag sa ReactCSSTransitionGroup sa bersyon 0.13. addons-animation.md 02:54 AM
Gayunman, lahat ng children ay madadagdag kalaunan sa umiiral na ReactCSSTransitionGroup ay mag-e enter ngunit hindi mag-a appear. addons-animation.md 02:44 AM
Sa inishal na pag-mount, lahat ng children ng ReactCSSTransitionGroup ay mag-a - appear ngunit hindi mag-e - enter. addons-animation.md 02:43 AM
Sa panahon ng inisyal na pag-mount ang ReactCSSTransitionGroup ay makakakuha ng example-appear na CSS class at ng example-appear-active na CSS class ang madadagdag sa susunod na tik. addons-animation.md 02:41 AM
Ang sumusunod ay isang halimbawa na nagpapasa sa prop na transitionAppear na may kahulugan na true. addons-animation.md 02:38 AM
Sa pangkalahatan ay walang transition phase sa inisyal na pag-mount bilang default na halaga ng transitionAppear ay false. addons-animation.md 02:33 AM
Ang ReactCSSTransitionGroup ay nagbibigay ng opsyonal na prop na transitionAppear, para magdagdag ng ekstrang phase ng transition at inisyal na mount ng isang komponent. addons-animation.md 02:28 AM
Animate Initial Mounting addons-animation.md 02:27 AM
Mapapansin mo na ang tagal ng animasyon sa parehong CSS at ang render na metod ay matukoy; Sinasabi nito sa React kung kailan a-alisin ang mga class ng animasyon mula sa elemento at - kung ito ay a-alis -- kung kailan alisin ang elemento mula sa DOM. addons-animation.md 02:27 AM
Maaari mong gamitin ang mga class na ito upang ma-trigger ang animasyon o transition ng CSS. Halimbawa, subukang idagdag ang CSS na ito at magdagdag ng bagong item sa listahan: addons-animation.md 02:24 AM
Ito ay isang kombensyon batay sa prop ng transitionName. addons-animation.md 02:23 AM
Sa bahagi na ito, kapag ang isang bagong item ay idaragdag sa ReactCSSTransitionGroup makakakuha ito ng CSS code na example-enterat CSS class na example-enter-active sa susunod na tik. addons-animation.md 02:22 AM
Ito ay kung paano matutukoy ng React kung aling mga child ang pumasok, naiwan, o nanatili. addons-animation.md 02:18 AM
Kaillangan mong magbigay ng key attribute para sa lahat ng children ng ReactCSSTransitionGroup, kahin na nagre-render lang ng solong item. addons-animation.md 02:18 AM
Nag-iimport addons-animation.md 02:16 AM
Ito ay inspirasyon ng mahusay na ng-animate na library. addons-animation.md 01:11 AM
Ang ReactCSSTransitionGroup ay isang high-level na API base sa ReactTransitionGroup at isang madaling paraan para maisagawa ang transisyon at animasyon ng CSS kapag ang isang komponent ng React ay pumasok o lumabas sa DOM. addons-animation.md 01:10 AM
High-level API: ReactCSSTransitionGroup addons-animation.md 12:44 AM
Ang ReactTransitionGroup na komponent ng add-on ay isang low-level na API para sa animasyon, at ang ReactCSSTransitionGroup ay isang komponent ng add-on para madaling ma-implementa ang mga pangunahing mga animasyon at mga transition ng CSS. addons-animation.md 12:44 AM
Pakiusap mag-file ng mga bug at mga kahilingan sa feature sa bagong repository. addons-animation.md 12:42 AM
Ang 1.x na branch nito ay lubusang API-compatible sa umiiral na addons. addons-animation.md 12:41 AM
Ang ReactTransitionGroup at ReactCSSTransitionGroup ay nailipan na sa react-transition-group na package na pinapanatili ng komunidad. addons-animation.md 12:41 AM
Add-Ons ng animasyon addons-animation.md 12:38 AM



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

great job.

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.17
TRX 0.15
JST 0.028
BTC 58387.03
ETH 2359.14
USDT 1.00
SBD 2.37