Translation of React - EN to TR - (Community Round-up#5 1% to 91%) - 615 Words Translated #Part21

in #utopian-io • 6 years ago (edited)

logo-og.png

REACT

Hello everyone,
I have just finished another new translation of React, which is a JavaScript library. In this contribution, I managed to translate 615 words in total in order for completing my daily task and in order to contribute. I translated the project's Community Round-Up#5 section from 1% to 91%. With this translation, there have been 21 parts in total. I will keep translating more.

A developer in React:

We launched the React Facebook Page along with the React v0.4 launch. 700 people already liked it to get updated on the project :)

Khan Academy's developers are also one part of this library

Sophie Alpert from Khan Academy worked on a cross-browser implementation of onChange event that landed in v0.4. She wrote a blog post explaining the various browser quirks she had to deal with.

Here is the translation

2018-01-07 (4).png

Before

2018-01-07 (1).png

While Translating

2018-01-07 (8).png

2018-01-07 (7).png

After

2018-01-07 (3).png

2018-01-07 (5).png

2018-01-07 (6).png

EN:

First off, what is the input event? If you have an <input> element and want to receive events whenever the value changes, the most obvious thing to do is to listen to the change event. The next obvious choice is the keyup event, which is triggered whenever a key is released. Unfortunately, keyup doesn't catch input that doesn't involve the keyboard (e.g., pasting from the clipboard using the mouse) and only fires once if a key is held down, rather than once per inserted character.

Both keydown and keypress do fire repeatedly when a key is held down, but both fire immediately before the value changes, so to read the new value you have to defer the handler to the next event loop using setTimeout(fn, 0) or similar, which slows down your app. Of course, like keyup, neither keydown nor keypress fires for non-keyboard input events, and all three can fire in cases where the value doesn't change at all (such as when pressing the arrow keys).

React Samples
Learning a new library is always easier when you have working examples you can play with. jwh put many of them on his react-samples GitHub repo.

Some simple examples with Facebook's React framework

React Chosen Wrapper
Cheng Lou wrote a wrapper for the Chosen input library called react-chosen. It took just 25 lines to be able to use jQuery component as a React one.

TR:

Öncelikle, giriş olayı nedir? Bir <input> elemanınız varsa ve değer her değiştiğinde olayları almak istiyorsanız, yapılması gereken en belirgin şey değişim olayını dinlemektir. Bir sonraki bariz seçim, bir tuş serbest bırakıldığında tetiklenen keyup olayıdır. Maalesef keyup, klavyeyi içermeyen girişi (örneğin fareyi kullanarak panodan yapıştırmak) yakalayamaz ve girilen karakter başına değil, bir tuş basılı tutulursa yalnızca bir kere ateşler.

Bir tuş basılı tutulduğunda hem keydown hem de keypress durmadan ateşler ancak her ikisi de değer değişiklikleri yapılmadan hemen önce ateşlerler. Bu nedenle, yeni değeri okumak için, uygulamanızı yavaşlatan setTimeout(fn, 0) veya benzeri öğeleri kullanarak işleyiciyi bir sonraki olay döngüsüne ertelemelisiniz. Tabii ki de keyup gibi ne keydown ne de keypress klavye dışı girdi olayları için tetiklemezler ve değerin hiç değişmediği durumlarda (ok tuşlarına basıldığında olduğu gibi) üçü de ateşleyebilir.

React Örnekleri
Yeni bir kütüphane öğrenmek birlikte çalışabileceğiniz örneklere sahip olduğunuzda her zaman için daha kolaydır. jwh bunların birçoğunu react-örnekleri GitHub repo'suna koydu.

Facebook'un React frameworkü ile birlikte bazı basit örnekler
*Önyükleme işlem çubuğu, kip ve tablo #1, #2, #3, #4

React Seçilen Örtü
Cheng Lou, react-chosen denilen Chosen giriş kütüphanesi için bir örtü yazdı. jQuery bileşenini bir React bileşeni olarak kullanabilmek sadece 25 satır tuttu.

Translation Part 1
Translation Part 2
Translation Part 3
Translation Part 4
Translation Part 5
Translation Part 6
Translation Part 7
Translation Part 8
Translation Part 9
Translation Part 10
Translation Part 11
Translation Part 12
Translation Part 13
Translation Part 14
Translation Part 15
Translation Part 16
Translation Part 17
Translation Part 18
Translation Part 19
Translation Part 20
Translation Part 21 ==> (You're here!)

Proof Link
My Crowdin Profile
React - Crowdin
React - Github


Posted on Utopian.io - Rewarding Open Source Contributors

#translation #english #turkish #react
6 years ago in #utopian-io by
$23.53
7 votes
Reply 3
Sort:  
  • Trending
    • [-]
     6 years ago  

    Thank you for the contribution. It has been approved.

    You can contact us on Discord.
    [utopian-moderator]

    [-]
     6 years ago  

    Hi! I am a robot. I just upvoted you! I found similar content that readers might be interested in:
    https://sophiebits.com/2013/06/18/a-near-perfect-oninput-shim-for-ie-8-and-9.html

    $0.00
      Reply
      [-]
       6 years ago  

      Hey @sym I am @utopian-io. I have just upvoted you!

      Achievements

      • You have less than 500 followers. Just gave you a gift to help you succeed!
      • 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

      $0.00
        Reply