Translation Handling-Events by TitusEfferian · Pull Request #17 · reactjs/id.react.dev

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

No description provided.

itsnotrisky

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

regalius

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

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

 ---

-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

-* 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

 ```

-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

+Ini bukan *behavior* pada React secara spesifik, ini merupakan bagian dari [bagaimana sebuah *functions* itu bekerja pada JavaScript](https://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/). Pada umumnya jika Anda mereferensi sebuah *method* tanpa `()`, seperti `onClick={this.handleClick}`, maka Anda harus melakukan *binding* terhadap *method* tersebut.

-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

 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

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

 ```

-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

+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.

-## 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

 ---

-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

+Ini bukan *behavior* yang spesifik pada React, tetapi ini merupakan bagian dari [bagaimana *functions* dalam JavaScript bekerja](https://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/). Pada umumnya jika Anda mendefinisikan sebuah *method* tanpa diakhiri dengan `()`, seperti `onClick={this.handleClick}`, maka Anda harus melakukan *binding* terhadap *method* tersebut.

-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

 ```

-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

+Sintaks ini telah diakfifkan secara bawaan pada [Create React App](https://github.com/facebookincubator/create-react-app).

-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


 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

 ```

-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

Comment threadcontent/docs/handling-events.md Outdated

paramithatm reviewed Feb 11, 2019
View reviewed changes

Comment threadcontent/docs/handling-events.md Outdated

paramithatm reviewed Feb 11, 2019
View reviewed changes

Comment threadcontent/docs/handling-events.md Outdated

itsnotrisky suggested changes Feb 12, 2019
View reviewed changes

regalius suggested changes Feb 12, 2019
View reviewed changes

Comment threadcontent/docs/handling-events.md Outdated
Comment threadcontent/docs/handling-events.md Outdated
Comment threadcontent/docs/handling-events.md Outdated

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

TitusEfferianand 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 suggested changes Feb 17, 2019
View reviewed changes

arfianadam suggested 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:masterMar 3, 2019

Uh oh!

Conversation

TitusEfferian commented Feb 11, 2019

Uh oh!

Uh oh!

Uh oh!

Uh oh!

itsnotrisky left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

regalius left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

TitusEfferian commented Feb 16, 2019• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

netlifyBot commented Feb 18, 2019• edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

TitusEfferian commented Feb 18, 2019

Uh oh!

regalius commented Feb 18, 2019

Uh oh!

netlifyBot commented Feb 25, 2019

Uh oh!

TitusEfferian commented Feb 25, 2019

Uh oh!

regalius commented Mar 3, 2019

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

TitusEfferian commented Feb 16, 2019•
edited
Loading

netlifyBot commented Feb 18, 2019•
edited
Loading