![react.png](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515312871/qcwxpflwgvx7pufxcmie.png)

What is React?

React is a JavaScript tool that makes it easy to reason about, construct, and maintain stateless and stateful user interfaces. It provides the means to declaratively define and divide a UI into UI components.

Translations

This a continuation of my translation in Facebook React Project. I added 539 words with a total of 1219 words for today. My Profile: https://crowdin.com/profile/chinitooo My Activity Logs: https://crowdin.com/profile/chinitooo/activity Facebook React Project : https://crowdin.com/project/react Just check my profile and my activity logs. Thanks :D

Proofs

Before: ![before.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514144/unw9dyydvvfwyh0yqhmp.png) ![beforefile1.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514150/wp8lnjtzapj65kkln18z.png) After: ![after.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514157/sluj73vs0jw1medxsydm.png) ![afterfile1.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514162/zuaouowxetcetuy7qbeg.png) ![afterfile2.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514168/dqmytpe8uih46k5y0sda.png) Report of my contribution: ![graph.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514175/lujjuz61ymu1gusyspfc.png) List #1 ![list1.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514184/jl3t5czdhurkjbudrj1t.png) List #2 ![list2.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514191/ytsfosokre70x9rq3eju.png) List #3 ![list3.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514204/t118tkhh08xjxhegfmmx.png) List #4 ![list4.PNG](https://res.cloudinary.com/hpiynhbhq/image/upload/v1515514214/aipfnat9pdbnsugf03l1.png) Translated Words: (Translation,File,Time) Ito ay kung paano matutukoy ng Reaks kung aling mga bata ang pumasok, naiwan, o nanatili. addons-animation.md 11:04 AM Dapat kang magbigay ng susi na attribute para sa lahat ng mga bata ng ReactCSSTransitionGroup, kahit na lamang ang pag-render ng isang item. addons-animation.md 11:03 AM Pag-import addons-animation.md 11:03 AM Ito ay inspirasyon ng mahusay na ng-animate na library. addons-animation.md 11:02 AM ReactCSSTransitionGroup ay isang mataas na antas na API batay sa ReactTransitionGroup at isang madaling paraan upang maisagawa ang mga transisyon at animation sa CSS kapag ang isang bahagi ng React ay pumapasok o nag-iiwan ng DOM. addons-animation.md 11:02 AM Mataas na antas ng API: ReactCSSTransitionGroup addons-animation.md 11:01 AM Ang ReactTransitionGroup na add-on na component ay isang low-level API para sa animation, at ReactCSSTransitionGroup ay isang add-on na bahagi para sa madaling pagpapatupad ng mga pangunahing CSS animation at mga transition. addons-animation.md 11:01 AM Mangyaring mag-file ng mga bug at mga hiling sa tampok sa bagong imbakan. addons-animation.md 11:00 AM Ang branch 1.x nito ay ganap na API-katugma sa umiiral na mga addon. addons-animation.md 10:59 AM ReactTransitionGroup at ReactCSSTransitionGroup ay inilipat sa react-transition-group na pakete na pinapanatili ng komunidad. addons-animation.md 10:59 AM Animation Add-Ons addons-animation.md 10:58 AM Deque - JAWS Mga Shortcut sa Keyboard accessibility.md 10:56 AM WebAIM - Paggamit ng JAWS upang Suriin ang Web Accessibility accessibility.md 10:56 AM Sumangguni sa sumusunod na mga gabay kung paano pinakamahusay na gamitin ang JAWS: accessibility.md 10:56 AM Job Access With Speech o JAWS, ay isang prolifically na ginamit na screen reader sa Windows. accessibility.md 10:56 AM JAWS sa Internet Explorer accessibility.md 10:55 AM Deque - VoiceOver for iOS Shortcuts accessibility.md 10:55 AM Deque - VoiceOver para sa OSX Mga Shortcut sa Keyboard accessibility.md 10:55 AM WebAIM - Paggamit ng VoiceOver upang Suriin ang Web Accessibility accessibility.md 10:55 AM Sumangguni sa sumusunod na mga gabay kung paano buhayin at gamitin ang VoiceOver: accessibility.md 10:55 AM Ang VoiceOver ay isang pinagsamang screen reader sa mga aparatong Apple. accessibility.md 10:54 AM VoiceOver sa Safari accessibility.md 10:53 AM Deque - NVDA Mga Shortcut sa Keyboard accessibility.md 10:53 AM WebAIM - Paggamit ng NVDA upang Suriin ang Web Accessibility accessibility.md 10:53 AM Sumangguni sa sumusunod na mga gabay kung paano pinakamahusay na gamitin ang NVDA: accessibility.md 10:53 AM NonVisual Desktop Access o ang NVDA ay isang open source Windows screen reader na malawakang ginagamit. accessibility.md 10:53 AM NVDA sa FireFox accessibility.md 10:52 AM Pakitandaan na mahalaga ang mga kumbinasyon ng browser / screen reader. Inirerekomenda na subukan mo ang iyong application sa browser na pinaka-angkop sa iyong screen reader ng pagpipilian. accessibility.md 10:52 AM Ang pagsubok sa isang screen reader ay dapat bumuo ng bahagi ng iyong mga pagsusulit sa accessibility. accessibility.md 10:52 AM Mga mambabasa ng screen accessibility.md 10:52 AM Gamit ang Accessibility Inspector sa OS X Safari accessibility.md 10:51 AM Ipaaktibo ang Accessibility Inspector sa Chrome accessibility.md 10:51 AM Sa ilang mga browser maaari naming madaling tingnan ang impormasyon sa pagkarating para sa bawat elemento sa puno ng accessibility: accessibility.md 10:51 AM Ang Accessibility Tree ay isang subset ng puno ng DOM na naglalaman ng mga naa-access na bagay para sa bawat elemento ng DOM na dapat na mailantad sa tulong na teknolohiya, tulad ng mga mambabasa ng screen. accessibility.md 10:51 AM Accessibility inspectors at ang Accessibility Tree accessibility.md 10:50 AM Ang Web Accessibility Evaluation Tool ay isa pang extension ng accessibility browser. accessibility.md 10:49 AM WebAIM WAVE accessibility.md 10:49 AM Maaari mo ring gamitin ang react-axe na module upang iulat nang direkta ang mga natuklasan sa pagkarating sa console habang lumilikha at nag-debug. accessibility.md 10:49 AM Ang Accessibility Engine o aXe, ay isang extension ng browser ng accessibility inspector na binuo sa ax-core. accessibility.md 10:48 AM Kasama sa modyul na ito ang mga pagsasama para sa Siliniyum. accessibility.md 10:47 AM Ang Deque Systems ay nag-aalok ng ax-core para sa mga automated at end-to-end na mga pagsubok sa pag-access sa iyong mga application. accessibility.md 10:46 AM aXe, aXe-core at react-axe accessibility.md 10:46 AM Mangyaring gamitin ang mga ito sa kumbinasyon sa iba pang mga tseke ng pag-access na nabanggit dito dahil maaari lamang nila subukan ang teknikal na pag-access ng iyong HTML. accessibility.md 10:45 AM May umiiral na bilang ng mga tool na maaaring magpatakbo ng mga pag-access ng mga audit sa mga pahina ng web sa iyong browser. accessibility.md 10:45 AM Pagsubok ng access sa browser accessibility.md 10:44 AM Kung nais mong paganahin ang higit pang mga panuntunan sa pagkarating, maaari kang lumikha ng isang file na .eslintrc sa root ng iyong proyekto sa nilalamang ito: accessibility.md 10:44 AM Lumikha ng React Appmayroon itong plugin na may isang subset ng mga panuntunan na naisaaktibo. accessibility.md 10:43 AM Maraming IDE na hinahayaan ka na maisama ang mga natuklasan na ito nang direkta sa pagtatasa ng code at mga window ng source code. accessibility.md 03:17 AM Ang eslint-plugin-jsx-a11y na plugin para sa ESLint ay nagbibigay ng AST linting feedback tungkol sa mga isyu sa pag-access sa iyong JSX. accessibility.md 03:17 AM eslint-plugin-jsx-a11y accessibility.md 03:16 AM Kami din ay may access sa sumusunod na tool: accessibility.md 03:16 AM Kadalasan ang mga tseke ng intellisense ay ibinigay na sa JSX aware IDE para sa ARIA na mga tungkulin, estado at mga katangian. accessibility.md 03:16 AM Maaari naming suriin ang ilang mga tampok ng accessibility nang direkta sa aming JSX code. accessibility.md 03:16 AM Tulong sa pag-unlad accessibility.md 03:15 AM Kung kinakailangan, gamitin ang iyong mga arrow key sa keyboard upang makipag-ugnay sa ilang mga elemento, tulad ng mga menu at dropdown. accessibility.md 03:15 AM Paggamit ng Enter upang isaaktibo ang mga elemento. accessibility.md 03:15 AM Gamit ang

Tab at Shift + Tab upang mag-browse.	accessibility.md	03:15 AM
Pag-plug out ng iyong mouse.	accessibility.md	03:08 AM
Sa pamamagitan ng malayo ang pinakamadali at isa sa mga pinakamahalagang tseke ay upang subukan kung ang iyong buong website ay maaaring maabot at ginagamit sa keyboard nag-iisa. Gawin ito sa pamamagitan ng:	accessibility.md	03:07 AM
Ang keyboard	accessibility.md	03:07 AM
Mayroong isang bilang ng mga tool na maaari naming gamitin upang makatulong sa paglikha ng mga naa-access na mga web application.	accessibility.md	03:07 AM
Mga Tool sa Pag-unlad at Pagsubok	accessibility.md	03:07 AM
Ang Paciello Group - Kulay Contrast Analyzer	accessibility.md	03:07 AM
WebAIM - Kulay Contrast Checker	accessibility.md	03:07 AM
Kung gusto mong i-extend ang iyong mga kakayahan sa pagsubok sa contrast maaari mong gamitin ang mga tool na ito:	accessibility.md	03:07 AM
Ang parehong mga tool ng palakol at WAVE na binanggit sa ibaba ay kinabibilangan rin ng mga pagsubok na contrast sa kulay at mag-ulat sa mga pagkakamali ng contrast.	accessibility.md	03:07 AM
Maaari itong maging nakakapagod upang mano-manong kalkulahin ang tamang mga kumbinasyon ng kulay para sa lahat ng mga kaso sa iyong website kaya sa halip, kaya mo kalkulahin ang isang buong mapupuntahang paleta na kulay na may Colorable.	accessibility.md	03:06 AM
A11yProject - Ano ang Contrast ng Kulay	accessibility.md	03:06 AM
Lahat ng Tungkol sa Contrast ng Kulay At Bakit Dapat Mong Pag-isipang muli Ito	accessibility.md	03:05 AM
WCAG - Pag-unawa sa Kinakailangang Contrast ng Kulay	accessibility.md	03:05 AM
Tiyakin na ang lahat ng nababasa na teksto sa iyong website ay may sapat na kulay na kaibahan upang manatiling maibabahagi nang maayos sa pamamagitan ng mga gumagamit na may mababang pangitain:	accessibility.md	03:03 AM
Kaibahan ng kulay	accessibility.md	03:03 AM
Maaari naming itakda ito sa React gamit ang React na Component ng Pamagat ng Dokumento.	accessibility.md	03:03 AM
WCAG - Pag-unawa sa Kinakailangang Pamagat ng Dokumento	accessibility.md	03:02 AM
Itakda ang dokumento <pamagat> upang wastong ilarawan ang kasalukuyang nilalaman ng pahina habang tinitiyak nito na ang gumagamit ay nananatiling may kamalayan sa kasalukuyang konteksto ng pahina:	accessibility.md	02:19 AM
Pagtatakda ng pamagat ng dokumento	accessibility.md	02:18 AM
WebAIM - Wika ng Dokumento	accessibility.md	02:18 AM
Ipahiwatig ang wika ng wika ng mga teksto ng pahina bilang paggamit ng screen reader software na ito upang piliin ang tamang mga setting ng boses:	accessibility.md	02:18 AM
Pagtatakda ng wika	accessibility.md	02:18 AM
Iba pang Mga Punto para sa Pagsasaalang-alang	accessibility.md	02:18 AM
Mga Inclusive na Inclusive	accessibility.md	02:17 AM
Heydon Pickering - Mga Halimbawa ng ARIA	accessibility.md	02:17 AM
Wai-ARIA Authoring Practices - Mga Pattern ng Disenyo at Mga Widget	accessibility.md	02:17 AM
Ang bawat uri ng widget ay may isang tiyak na disenyo na pattern at inaasahang gumana sa isang tiyak na paraan sa pamamagitan ng mga gumagamit at mga ahente ng gumagamit na magkapareho:	accessibility.md	02:16 AM
Ang mga ito ay mga toolbox na puno ng mga HTML na mga katangian na ganap na sinusuportahan sa JSX at nagbibigay-daan sa amin upang bumuo ng ganap na naa-access, mataas na pagganap na mga bahagi ng React.	accessibility.md	02:15 AM
Narito kailangan namin ng kaalaman tungkol sa Mga Tungkulin ng ARIA pati na rin ang Mga Estado ng ARIA at Mga Katangian.	accessibility.md	02:15 AM
Sapagkat ang accessibility ay pinaka madaling nakamit sa pamamagitan ng coding na malapit sa HTML hangga't maaari, kahit na ang pinaka-komplikadong widget ay maaaring ma-code nang maayos.	accessibility.md	02:14 AM
Ang isang mas kumplikadong karanasan ng gumagamit ay hindi dapat mangahulugan ng hindi gaanong naa-access.	accessibility.md	02:13 AM
Higit pang mga Complex Widget	accessibility.md	02:07 AM
Gamitin ito upang ayusin ang daloy ng focus ng keyboard kapag ito ay nabalisa, hindi upang subukan at anticipate kung paano gusto ng mga user na gumamit ng mga application.	accessibility.md	02:07 AM
Bagaman ito ay isang napakahalagang tampok sa pag-access, ito rin ay isang pamamaraan na dapat gamitin judiciously.	accessibility.md	02:06 AM
Tandaan:	accessibility.md	02:06 AM
Hindi lamang itinakda ang paunang focus sa pindutan ng pagkansela (pinipigilan ang user ng keyboard mula sa hindi sinasadyang pag-activate ng tagumpay na pagkilos) at bitag ang focus ng keyboard sa loob ng modal, muling ini-focus muli ang elemento na una na nag-trigger ang modal.	accessibility.md	02:06 AM
Ito ay isang medyo bihirang halimbawa ng isang ganap na naa-access modal window.	accessibility.md	02:05 AM
Ang isang mahusay na halimbawa ng pamamahala ng pokus ay ang react-aria-modal.	accessibility.md	02:05 AM
Pagkatapos ay maitutuon namin ito sa ibang lugar sa aming komponent kapag kinakailangan:	accessibility.md	02:05 AM
Gamit ang mga ito, kami ay unang lumikha ng isang ref sa isang elemento sa JSX ng isang bahagi ng klase:	accessibility.md	02:04 AM



Posted on Utopian.io -  Rewarding Open Source Contributors