Translating 508 words of Facebook React, addons-animation.md from 34% to 69%.
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%
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 ngcomponent
. addons-animation.md 10:32 PM
AngReactTransitionGroup
ay nagre-render bilang isangspan
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
AngReactTransitionGroup
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 ngReactTransitionGroup
na nagbibigay ng mga hook na kailangan mong gawan ng pasadya na transition. addons-animation.md 10:27 PM
Kapag gumagamit ngReactCSSTransitionGroup
, 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 ngtransitionEnter={false}
otransitionLeave={false}
na mga prop saReactCSSTransitionGroup
para i-disable ang mga animasyon na ito. addons-animation.md 10:24 PM
Halimbawa, kung minsan ay maaaring gusto mo ang isangenter
na animasyon na walang animasyon naleave
, ngunit hinihintay ngReactCSSTransitionGroup
ang isang animasyon bago alisin ang node ng iyong DOM. addons-animation.md 10:22 PM
Maaaring hindi mo paganahin ang animatingenter
oleave
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 ngReactCSSTransitionGroup
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 saReactCSSTransitionGroup
. 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 angReactCSSTransitionGroup
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 angReactCSSTransitionGroup
sa DOM o ang prop natransitionAppear
ay dapat itakda bilangtrue
. 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 saenter
atleave
na mga pangalan ng class, o isang bagay na naglalaman ngenter
, < code>enter-active,leave-active
, atleave
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 angtransitionEnter={false}
otransitionLeave={false}
. addons-animation.md 03:26 AM
Gayunman, ang default na halaga ngtransitionEnter
attransitionLeave
aytrue
kaya kailangan mong tiyakin na angtransitionEnterTimeout
attransitionLeaveTimeout
ay default. addons-animation.md 02:56 AM
Upang mapanatili ang backwards compatibility, ang default na halaga ay naka-set safalse
. addons-animation.md 02:54 AM
Ang prop natransitionAppear
ay nai-dagdag saReactCSSTransitionGroup
sa bersyon0.13
. addons-animation.md 02:54 AM
Gayunman, lahat ng children ay madadagdag kalaunan sa umiiral naReactCSSTransitionGroup
ay mag-eenter
ngunit hindi mag-aappear
. addons-animation.md 02:44 AM
Sa inishal na pag-mount, lahat ng children ngReactCSSTransitionGroup
ay mag-a -appear
ngunit hindi mag-e -enter
. addons-animation.md 02:43 AM
Sa panahon ng inisyal na pag-mount angReactCSSTransitionGroup
ay makakakuha ngexample-appear
na CSS class at ngexample-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 natransitionAppear
na may kahulugan natrue
. addons-animation.md 02:38 AM
Sa pangkalahatan ay walang transition phase sa inisyal na pag-mount bilang default na halaga ngtransitionAppear
ayfalse
. addons-animation.md 02:33 AM
AngReactCSSTransitionGroup
ay nagbibigay ng opsyonal na prop natransitionAppear
, 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 ngtransitionName
. addons-animation.md 02:23 AM
Sa bahagi na ito, kapag ang isang bagong item ay idaragdag saReactCSSTransitionGroup
makakakuha ito ng CSS code naexample-enter
at CSS class naexample-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 ngkey
attribute para sa lahat ng children ngReactCSSTransitionGroup
, 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
AngReactCSSTransitionGroup
ay isang high-level na API base saReactTransitionGroup
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
AngReactTransitionGroup
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
AngReactTransitionGroup
atReactCSSTransitionGroup
ay nailipan na sareact-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
Ooo
check out my post if u like https://steemit.com/introduceingyourself/@suresheee/introducing-my-self-suresheee-1d797e99220f7 are enjoy in Steemit
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
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