Translated React Without ES6 #49

lunmay · 2019-02-28T15:09:49Z

No description provided.

netlify · 2019-02-28T15:14:28Z

Deploy preview for idreactjs ready!

Built with commit fe6c8d1

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

netlify · 2019-02-28T15:15:17Z

Deploy preview for id-reactjs ready!

Built with commit fe6c8d1

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

regalius

Hi @lunmay , There's several typo that needs to be fixed and we'll be good to go!

regalius · 2019-03-12T17:27:17Z

content/docs/react-without-es6.md


-## Declaring Default Props {#declaring-default-props}
+## Mendeklarasikan *Props* *Default* {#declaring-default-props}


Loanwords in the heading doesn't have to be italicized 😄

regalius · 2019-03-12T17:28:21Z

content/docs/react-without-es6.md


-In React components declared as ES6 classes, methods follow the same semantics as regular ES6 classes. This means that they don't automatically bind `this` to the instance. You'll have to explicitly use `.bind(this)` in the constructor:
+Pada komponen React yang dideklarasikan sebagai kelas ES6, *method* mengikuti semantik yang sama seperti kelas ES6 reguler. Ini berarti *method* tersebut tidak secara otomatis mem-*bind* `this` kepada instans. Anda harus secara eksplisit menggunakan `.bind(this)` pada konstruktor:


instans -> instance

regalius · 2019-03-12T17:29:12Z

content/docs/react-without-es6.md

  }
-  // WARNING: this syntax is experimental!
-  // Using an arrow here binds the method:
+  // PERINGATAN: sintalsis ini bersifat eksperimental!


sintaksis typo I think 😄

regalius · 2019-03-12T17:30:12Z

content/docs/react-without-es6.md

 >
->**We also found numerous issues in codebases using mixins, [and don't recommend using them in the new code](/blog/2016/07/13/mixins-considered-harmful.html).**
+>**Kami juga menemukan banyak masalah pada kode dasar yang menggunakan *mixin*, [dan tidak menyarankan untuk menggunakannya untuk kode yang baru](/blog/2016/07/13/mixins-considered-harmful.html).**


Suggested change

>**Kami juga menemukan banyak masalah pada kode dasar yang menggunakan *mixin*, [dan tidak menyarankan untuk menggunakannya untuk kode yang baru](/blog/2016/07/13/mixins-considered-harmful.html).**

>**Kami juga menemukan banyak masalah pada basis kode yang menggunakan *mixin*, [dan tidak menyarankan untuk menggunakannya untuk kode yang baru](/blog/2016/07/13/mixins-considered-harmful.html).**

What do you think? 😄

regalius · 2019-03-12T17:32:09Z

content/docs/react-without-es6.md

@@ -222,4 +223,4 @@ ReactDOM.render(
 );
 ```

-If a component is using multiple mixins and several mixins define the same lifecycle method (i.e. several mixins want to do some cleanup when the component is destroyed), all of the lifecycle methods are guaranteed to be called. Methods defined on mixins run in the order mixins were listed, followed by a method call on the component.
+Jika komponen menggunakan beberapa *mixin* dan beberapa *mixin* mendefinisikan *lifecycle method* yang sama (beberapa *mixin* ingin melakukan pembersihan ketika komponen dihancurkan), semua *lifecycle method* dijamin untuk dipanggil. *Method* yang didefiniskan pada *mixin* dijalankan secara berurutan sesuai dengan dengan proses pendaftarannya, diikuti dengan pemanggilan *method* pada komponen.


Suggested change

Jika komponen menggunakan beberapa *mixin* dan beberapa *mixin* mendefinisikan *lifecycle method* yang sama (beberapa *mixin* ingin melakukan pembersihan ketika komponen dihancurkan), semua *lifecycle method* dijamin untuk dipanggil. *Method* yang didefiniskan pada *mixin* dijalankan secara berurutan sesuai dengan dengan proses pendaftarannya, diikuti dengan pemanggilan *method* pada komponen.

Jika komponen menggunakan beberapa *mixin* dan beberapa *mixin* mendefinisikan *lifecycle method* yang sama (contohnya, beberapa *mixin* ingin melakukan pembersihan ketika komponen dihancurkan), semua *lifecycle method* dijamin untuk dipanggil. *Method* yang didefinisikan pada *mixin* dijalankan secara berurutan sesuai dengan dengan proses pendaftarannya, diikuti dengan pemanggilan *method* pada komponen.

Several typos I think 😄

grikomsn · 2020-01-12T19:51:45Z

content/docs/react-without-es6.md


-## Declaring Default Props {#declaring-default-props}
+## Mendeklarasikan *Props* *Default* {#declaring-default-props}


Suggested change

## Mendeklarasikan *Props* *Default* {#declaring-default-props}

## Mendeklarasikan Props Default {#declaring-default-props}

grikomsn · 2020-01-12T19:54:00Z

content/docs/react-without-es6.md

 };
 ```

-With `createReactClass()`, you need to define `getDefaultProps()` as a function on the passed object:
+Dengan `createReactClass()`, Anda harus mendefinisikan `getDefaultProps()` sebagai fungsi pada objek yang dioperkan:


Which one sounds better? dioperkan or diberikan?

Suggested change

Dengan `createReactClass()`, Anda harus mendefinisikan `getDefaultProps()` sebagai fungsi pada objek yang dioperkan:

Dengan `createReactClass()`, Anda harus mendefinisikan `getDefaultProps()` sebagai fungsi pada objek yang diberikan:

grikomsn · 2020-01-12T19:54:16Z

content/docs/react-without-es6.md

@@ -57,9 +57,9 @@ var Greeting = createReactClass({
 });
 ```

-## Setting the Initial State {#setting-the-initial-state}
+## Menyetel *State* Awal {#setting-the-initial-state}


Suggested change

## Menyetel *State* Awal {#setting-the-initial-state}

## Mengatur State Awal {#setting-the-initial-state}

grikomsn · 2020-01-12T19:55:13Z

content/docs/react-without-es6.md

@@ -82,16 +82,16 @@ var Counter = createReactClass({
 });
 ```

-## Autobinding {#autobinding}
+## *Autobinding* {#autobinding}


Suggested change

## *Autobinding* {#autobinding}

## Autobinding {#autobinding}

grikomsn · 2020-01-12T19:55:37Z

content/docs/react-without-es6.md


-In React components declared as ES6 classes, methods follow the same semantics as regular ES6 classes. This means that they don't automatically bind `this` to the instance. You'll have to explicitly use `.bind(this)` in the constructor:
+Pada komponen React yang dideklarasikan sebagai kelas ES6, *method* mengikuti semantik yang sama seperti kelas ES6 reguler. Ini berarti *method* tersebut tidak secara otomatis mem-*bind* `this` kepada instans. Anda harus secara eksplisit menggunakan `.bind(this)` pada konstruktor:


Suggested change

Pada komponen React yang dideklarasikan sebagai kelas ES6, *method* mengikuti semantik yang sama seperti kelas ES6 reguler. Ini berarti *method* tersebut tidak secara otomatis mem-*bind* `this` kepada instans. Anda harus secara eksplisit menggunakan `.bind(this)` pada konstruktor:

Pada komponen React yang dideklarasikan sebagai kelas ES6, *method* mengikuti semantik yang sama seperti kelas ES6 reguler. Ini berarti *method* tersebut tidak secara otomatis mem-*bind* `this` kepada *instance*. Anda harus secara eksplisit menggunakan `.bind(this)` pada konstruktor:

grikomsn · 2020-01-12T19:56:22Z

content/docs/react-without-es6.md

  }
-  // WARNING: this syntax is experimental!
-  // Using an arrow here binds the method:
+  // PERINGATAN: sintalsis ini bersifat eksperimental!


Suggested change

// PERINGATAN: sintalsis ini bersifat eksperimental!

// PERINGATAN: sintaksis ini bersifat eksperimental!

grikomsn · 2020-01-12T19:58:18Z

content/docs/react-without-es6.md


-If you'd rather play it safe, you have a few options:
+Jika Anda ingin bermain pada area yang aman, Anda memiliki beberapa opsi:


Suggested change

Jika Anda ingin bermain pada area yang aman, Anda memiliki beberapa opsi:

Jika Anda ingin bermain aman, Anda memiliki beberapa opsi:

Also, should idioms like play it safe be translated as is?

grikomsn · 2020-01-12T19:58:38Z

content/docs/react-without-es6.md

-* Keep using `createReactClass`.
+* Mem-*bind* *method* dalam konstruktor.
+* Gunakan *arrow function*, misalnya `onClick={(e) => this.handleClick(e)}`.
+* Terus gunakan `createReactClass`.


Suggested change

* Terus gunakan `createReactClass`.

* Tetap menggunakan `createReactClass`.

Translated React Without ES6

fe6c8d1

regalius requested review from arfianadam, gedeagas and regalius March 3, 2019 16:51

tesseralis mentioned this pull request Mar 9, 2019

[OLD] Legacy Indonesian Translation Progress #1

Closed

96 tasks

regalius requested changes Mar 12, 2019

View reviewed changes

resir014 mentioned this pull request Jan 3, 2020

Merge + apply review fixes to all inactive docs contributions #142

Merged

grikomsn reviewed Jan 12, 2020

View reviewed changes

resir014 merged commit fe6c8d1 into reactjs:master Feb 3, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translated React Without ES6 #49

Translated React Without ES6 #49

lunmay commented Feb 28, 2019

netlify bot commented Feb 28, 2019

netlify bot commented Feb 28, 2019

regalius left a comment

regalius Mar 12, 2019

regalius Mar 12, 2019

regalius Mar 12, 2019

regalius Mar 12, 2019

grikomsn Jan 12, 2020

regalius Mar 12, 2019

grikomsn Jan 12, 2020

grikomsn Jan 12, 2020

grikomsn Jan 12, 2020 •

edited

Loading

grikomsn Jan 12, 2020

grikomsn Jan 12, 2020

grikomsn Jan 12, 2020

grikomsn Jan 12, 2020

grikomsn Jan 12, 2020


		## Declaring Default Props {#declaring-default-props}
		## Mendeklarasikan Props Default {#declaring-default-props}


		In React components declared as ES6 classes, methods follow the same semantics as regular ES6 classes. This means that they don't automatically bind `this` to the instance. You'll have to explicitly use `.bind(this)` in the constructor:
		Pada komponen React yang dideklarasikan sebagai kelas ES6, method mengikuti semantik yang sama seperti kelas ES6 reguler. Ini berarti method tersebut tidak secara otomatis mem-bind `this` kepada instans. Anda harus secara eksplisit menggunakan `.bind(this)` pada konstruktor:

	>*Kami juga menemukan banyak masalah pada kode dasar yang menggunakan mixin, [dan tidak menyarankan untuk menggunakannya untuk kode yang baru](/blog/2016/07/13/mixins-considered-harmful.html).*
	>*Kami juga menemukan banyak masalah pada basis kode yang menggunakan mixin, [dan tidak menyarankan untuk menggunakannya untuk kode yang baru](/blog/2016/07/13/mixins-considered-harmful.html).*

	## Mendeklarasikan Props Default {#declaring-default-props}
	## Mendeklarasikan Props Default {#declaring-default-props}

	Dengan `createReactClass()`, Anda harus mendefinisikan `getDefaultProps()` sebagai fungsi pada objek yang dioperkan:
	Dengan `createReactClass()`, Anda harus mendefinisikan `getDefaultProps()` sebagai fungsi pada objek yang diberikan:

	## Menyetel State Awal {#setting-the-initial-state}
	## Mengatur State Awal {#setting-the-initial-state}

	## Autobinding {#autobinding}
	## Autobinding {#autobinding}

	// PERINGATAN: sintalsis ini bersifat eksperimental!
	// PERINGATAN: sintaksis ini bersifat eksperimental!


		If you'd rather play it safe, you have a few options:
		Jika Anda ingin bermain pada area yang aman, Anda memiliki beberapa opsi:

	Jika Anda ingin bermain pada area yang aman, Anda memiliki beberapa opsi:
	Jika Anda ingin bermain aman, Anda memiliki beberapa opsi:

	* Terus gunakan `createReactClass`.
	* Tetap menggunakan `createReactClass`.

Translated React Without ES6 #49

Translated React Without ES6 #49

Conversation

lunmay commented Feb 28, 2019

netlify bot commented Feb 28, 2019

netlify bot commented Feb 28, 2019

regalius left a 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

grikomsn Jan 12, 2020 • 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

grikomsn Jan 12, 2020 •

edited

Loading