Translation Handling-Events #17

TitusEfferian · 2019-02-11T12:16:40Z

No description provided.

content/docs/handling-events.md

itsnotrisky

I know that Github's markdown support both _ and * to italicize, so I am just following your existing draft here.

content/docs/handling-events.md

regalius

Looks like just need to adjust several common terms and we're good to go 🎉

content/docs/handling-events.md

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

TitusEfferian · 2019-02-16T03:57:18Z

hello,
there's some new change based on @spondbob and @paramithatm commit suggestion and @regalius request change

kindly review once again

arfianadam · 2019-02-16T00:18:19Z

content/docs/handling-events.md

 permalink: docs/handling-events.html
 prev: state-and-lifecycle.html
 next: conditional-rendering.html
 redirect_from:
  - "docs/events-ko-KR.html"
 ---

-Handling events with React elements is very similar to handling events on DOM elements. There are some syntactic differences:
+Menangani sebuah *events* dengan elemen React sangat mirip seperti menangani sebuah *events* pada elemen DOM. Ada beberapa perbedaan sintaks:


sintaks -> sintaksis
Lihat: https://kbbi.web.id/sintaksis

arfianadam · 2019-02-16T00:19:58Z

content/docs/handling-events.md

-* React events are named using camelCase, rather than lowercase.
-* With JSX you pass a function as the event handler, rather than a string.
+* *Events* pada React biasanya dituliskan dalam bentuk camelCase, dan bukan lowercase.
+* Dengan JSX Anda dapat oper sebuah *function* sebagai *event handler*, dan bukan sebuah *string*.


Tidak perlu tanda koma.
Lihat: http://www.indonesia.co.jp/bataone/ruangbahasa49.html

arfianadam · 2019-02-16T00:23:36Z

content/docs/handling-events.md

@@ -54,19 +54,20 @@ function ActionLink() {
 }
 ```

-Here, `e` is a synthetic event. React defines these synthetic events according to the [W3C spec](https://www.w3.org/TR/DOM-Level-3-Events/), so you don't need to worry about cross-browser compatibility. See the [`SyntheticEvent`](/docs/events.html) reference guide to learn more.
+Disini, `e` adalah sebuah event tiruan. React mendefinisikan event tiruan ini berdasarkan [W3C spec](https://www.w3.org/TR/DOM-Level-3-Events/), jadi Anda tidak perlu kuatir akan kesesuaian antar lintar browser. Lihat referensi pada [`SyntheticEvent`](/docs/events.html) untuk paduan belajar lebih jauh.


Disini -> Di sini
event -> *event*
kuatir -> khawatir
lintar -> lintas
browser -> peramban atau *browser*
Lihat: https://kbbi.web.id/browser dan https://id.wikipedia.org/wiki/Daftar_istilah_Internet_Indonesia
paduan -> panduan

arfianadam · 2019-02-16T00:25:03Z

content/docs/handling-events.md


-If calling `bind` annoys you, there are two ways you can get around this. If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/), you can use class fields to correctly bind callbacks:
+Jika memanggil `bind` menggangu Anda, ada dua cara untuk mengatasi ini. Jika Anda menggunakan sintaks eksperimental [public class fields](https://babeljs.io/docs/plugins/transform-class-properties/), Anda dapat menggunakan *class fields* untuk melakukan *binding* terhadap *callbacks*:


sintaks -> sintaksis

arfianadam · 2019-02-16T00:25:07Z

content/docs/handling-events.md


 ```js{2-6}
 class LoggingButton extends React.Component {
-  // This syntax ensures `this` is bound within handleClick.
-  // Warning: this is *experimental* syntax.
+  // Sintaks ini memastikan `this` telah terikat dalam handleClick.


sintaks -> sintaksis

content/docs/handling-events.md

arfianadam · 2019-02-16T00:26:14Z

content/docs/handling-events.md

@@ -117,9 +118,9 @@ class LoggingButton extends React.Component {
 }
 ```

-This syntax is enabled by default in [Create React App](https://github.com/facebookincubator/create-react-app).
+sintaks ini telah diakfifkan secara bawaan pada [Create React App](https://github.com/facebookincubator/create-react-app).


Sintaks -> Sintaksis

arfianadam · 2019-02-16T00:29:44Z

content/docs/handling-events.md


-## Passing Arguments to Event Handlers {#passing-arguments-to-event-handlers}
+## Mengoper Argumen Kedalam Penanganan Event {#passing-arguments-to-event-handlers}


Kedalam -> ke dalam
Lihat: https://beritagar.id/artikel/tabik/kapitalisasi-judul dan https://id.wikipedia.org/wiki/Kata_tugas

arfianadam · 2019-02-18T09:05:42Z

content/docs/handling-events.md

 permalink: docs/handling-events.html
 prev: state-and-lifecycle.html
 next: conditional-rendering.html
 redirect_from:
  - "docs/events-ko-KR.html"
 ---

-Handling events with React elements is very similar to handling events on DOM elements. There are some syntactic differences:
+Menangani *events* dengan elemen React sangat mirip seperti menangani sebuah *events* pada elemen DOM. Ada beberapa perbedaan sintaks:


sintaks -> sintaksis

arfianadam · 2019-02-18T09:07:02Z

content/docs/handling-events.md


-If calling `bind` annoys you, there are two ways you can get around this. If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/), you can use class fields to correctly bind callbacks:
+Jika Anda tidak terbiasa menggunakan `bind`, ada dua cara untuk mengatasi ini. Jika Anda menggunakan sintaks eksperimental [public class fields](https://babeljs.io/docs/plugins/transform-class-properties/), Anda dapat menggunakan *class fields* untuk melakukan *binding* terhadap *callbacks*:


sintaks -> sintaksis

arfianadam · 2019-02-18T09:07:33Z

content/docs/handling-events.md

      </button>
    );
  }
 }
 ```

-This syntax is enabled by default in [Create React App](https://github.com/facebookincubator/create-react-app).
+Sintaks ini telah diakfifkan secara bawaan pada [Create React App](https://github.com/facebookincubator/create-react-app).


sintaks -> sintaksis

arfianadam · 2019-02-18T09:07:41Z

content/docs/handling-events.md


-If you aren't using class fields syntax, you can use an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) in the callback:
+Jika Anda tidak menggunakan sintaks *class fields*, Anda dapat menggunakan [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) pada *callback*:


sintaks -> sintaksis

arfianadam · 2019-02-18T09:07:50Z

content/docs/handling-events.md

@@ -128,27 +129,27 @@ class LoggingButton extends React.Component {
  }

  render() {
-    // This syntax ensures `this` is bound within handleClick
+    // Sintaks ini memastikan `this` telah terikat dalam handleClick.


sintaks -> sintaksis

arfianadam · 2019-02-18T09:08:10Z

content/docs/handling-events.md

      </button>
    );
  }
 }
 ```

-The problem with this syntax is that a different callback is created each time the `LoggingButton` renders. In most cases, this is fine. However, if this callback is passed as a prop to lower components, those components might do an extra re-rendering. We generally recommend binding in the constructor or using the class fields syntax, to avoid this sort of performance problem.
+Masalah pada sintaks tersebut adalah *callback* yang berbeda dibuat setiap kali `LoggingButton` di-*render*. Dalam banyak kasus, hal ini tidak masalah. Akan tetapi, jika callback tersebut mengoperkan sebagai *props* kepada komponen yang lebih rendah, maka komponen tersebut mungkin akan melakukan ekstra *render* ulang. Kita umumnya merekomendasikan *binding* dilakukan pada *constructor* atau menggunakan sintaks *class fields*, untuk menghindari masalah kinerja seperti ini.


sintaks -> sintaksis

netlify · 2019-02-18T17:05:56Z

Deploy preview for idreactjs ready!

Built with commit 5e07a5b

https://deploy-preview-17--idreactjs.netlify.com

TitusEfferian · 2019-02-18T17:14:05Z

@arfianadam already resolved based on your request change

regalius · 2019-02-18T18:03:05Z

LGTM from me 😄 Thank you for the contribution!

netlify · 2019-02-25T06:50:22Z

Deploy preview for id-reactjs ready!

Built with commit 5e07a5b

https://deploy-preview-17--id-reactjs.netlify.com

TitusEfferian · 2019-02-25T06:54:18Z

any updates about this PR?

regalius · 2019-03-03T16:49:23Z

So sorry, looks like from both @arfianadam and @gedeagas it's LGTM, will merge now mas @TitusEfferian Thanks for the contribution! 🎉

TitusEfferian added 3 commits February 11, 2019 19:07

translation handling events

6d30f43

capitalize typo

db2cb9d

fix typo

54040e2

tesseralis mentioned this pull request Feb 11, 2019

[OLD] Legacy Indonesian Translation Progress #1

Closed

96 tasks

paramithatm reviewed Feb 11, 2019

View reviewed changes

content/docs/handling-events.md Outdated Show resolved Hide resolved

paramithatm reviewed Feb 11, 2019

View reviewed changes

content/docs/handling-events.md Outdated Show resolved Hide resolved

paramithatm reviewed Feb 11, 2019

View reviewed changes

content/docs/handling-events.md Outdated Show resolved Hide resolved

itsnotrisky suggested changes Feb 12, 2019

View reviewed changes

regalius requested changes Feb 12, 2019

View reviewed changes

content/docs/handling-events.md Outdated Show resolved Hide resolved

content/docs/handling-events.md Outdated Show resolved Hide resolved

content/docs/handling-events.md Outdated Show resolved Hide resolved

regalius requested review from gedeagas and arfianadam February 12, 2019 12:31

TitusEfferian and others added 11 commits February 16, 2019 10:42

regalius request change done

616541d

Update content/docs/handling-events.md

4f838cf

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

Update content/docs/handling-events.md

365e9e5

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

Update content/docs/handling-events.md

6c288bb

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

Update content/docs/handling-events.md

e7cd70c

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

Update content/docs/handling-events.md

43ed4b0

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

Update content/docs/handling-events.md

f10f658

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

Update content/docs/handling-events.md

9e2c88c

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

Update content/docs/handling-events.md

1e63b8d

Co-Authored-By: TitusEfferian <kiritosato@gmail.com>

change oper to mengoper

499ce58

spondbob commit suggestion

9144e4d

arfianadam requested changes Feb 17, 2019

View reviewed changes

arfianadam requested changes Feb 18, 2019

View reviewed changes

request change arfianadam

092d885

regalius approved these changes Feb 18, 2019

View reviewed changes

Merge branch 'master' into tr/handling-events

5e07a5b

regalius merged commit 0fbf852 into reactjs:master Mar 3, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translation Handling-Events #17

Translation Handling-Events #17

TitusEfferian commented Feb 11, 2019

itsnotrisky left a comment

regalius left a comment

TitusEfferian commented Feb 16, 2019 •

edited

Loading

arfianadam Feb 16, 2019

arfianadam Feb 16, 2019

arfianadam Feb 16, 2019

arfianadam Feb 16, 2019

arfianadam Feb 16, 2019

arfianadam Feb 16, 2019

arfianadam Feb 16, 2019

arfianadam Feb 18, 2019

arfianadam Feb 18, 2019

arfianadam Feb 18, 2019

arfianadam Feb 18, 2019

arfianadam Feb 18, 2019

arfianadam Feb 18, 2019

netlify bot commented Feb 18, 2019 •

edited

Loading

TitusEfferian commented Feb 18, 2019

regalius commented Feb 18, 2019

netlify bot commented Feb 25, 2019

TitusEfferian commented Feb 25, 2019

regalius commented Mar 3, 2019


		If calling `bind` annoys you, there are two ways you can get around this. If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/), you can use class fields to correctly bind callbacks:
		Jika memanggil `bind` menggangu Anda, ada dua cara untuk mengatasi ini. Jika Anda menggunakan sintaks eksperimental [public class fields](https://babeljs.io/docs/plugins/transform-class-properties/), Anda dapat menggunakan class fields untuk melakukan binding terhadap callbacks:


		## Passing Arguments to Event Handlers {#passing-arguments-to-event-handlers}
		## Mengoper Argumen Kedalam Penanganan Event {#passing-arguments-to-event-handlers}


		If calling `bind` annoys you, there are two ways you can get around this. If you are using the experimental [public class fields syntax](https://babeljs.io/docs/plugins/transform-class-properties/), you can use class fields to correctly bind callbacks:
		Jika Anda tidak terbiasa menggunakan `bind`, ada dua cara untuk mengatasi ini. Jika Anda menggunakan sintaks eksperimental [public class fields](https://babeljs.io/docs/plugins/transform-class-properties/), Anda dapat menggunakan class fields untuk melakukan binding terhadap callbacks:


		If you aren't using class fields syntax, you can use an [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) in the callback:
		Jika Anda tidak menggunakan sintaks class fields, Anda dapat menggunakan [arrow function](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions) pada callback:

Translation Handling-Events #17

Translation Handling-Events #17

Conversation

TitusEfferian commented Feb 11, 2019

itsnotrisky left a comment

Choose a reason for hiding this comment

regalius left a comment

Choose a reason for hiding this comment

TitusEfferian commented Feb 16, 2019 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

netlify bot commented Feb 18, 2019 • edited Loading

TitusEfferian commented Feb 18, 2019

regalius commented Feb 18, 2019

netlify bot commented Feb 25, 2019

TitusEfferian commented Feb 25, 2019

regalius commented Mar 3, 2019

TitusEfferian commented Feb 16, 2019 •

edited

Loading

netlify bot commented Feb 18, 2019 •

edited

Loading