Translate Render Props #62

imiro · 2019-03-23T08:22:16Z

I've posted in the glossary discussion section for some terms I am not sure about, I haven't got any comments yet so I think I'll just create this PR first anyway.. hope it suffices!

netlify · 2019-03-23T08:25:18Z

Deploy preview for idreactjs ready!

Built with commit ac3ae32

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

netlify · 2019-03-23T08:27:35Z

Deploy preview for id-reactjs ready!

Built with commit ac3ae32

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

wisn

I'm leaving some reviews. Kindly to check them!

content/docs/render-props.md

wisn · 2019-03-28T13:52:25Z

content/docs/render-props.md


-Now the question is: How can we reuse this behavior in another component? In other words, if another component needs to know about the cursor position, can we encapsulate that behavior so that we can easily share it with that component?
+Kemudian muncul pertanyaan: Bagaimana kita bisa menggunakan kembali perilaku ini pada komponen lainnya? Dengan kata lain, apabila ada komponen lain yang membutuhkan informasi tentang posisi kursor, dapatkah kita merangkum perilaku ini sehingga kita dapat dengan mudah membagikan informasi posisi kursor kepada komponen tersebut?


Hmmm encapsulate rather close to a term, doesn't it? Translate it to Bahasa Indonesia such as merangkum seems weird to me.

Indeed. I only used it because that's what google translates suggested. It doesn't sound right somehow. I've posted in #2 regarding this but haven't got any comments. Do you have any suggestion? Would mengenkapsulasi be better instead?

@imiro I guess mengenkapsulasi does sounds better.

wisn · 2019-03-28T13:53:08Z

content/docs/render-props.md


-Since components are the basic unit of code reuse in React, let's try refactoring the code a bit to use a `<Mouse>` component that encapsulates the behavior we need to reuse elsewhere.
+Karena komponen merupakan unit dasar penggunaan kembali kode di React, mari kita coba menyusun ulang kode sebelumnya sedikit untuk menggunakan komponen `<Mouse>` yang merangkum perilaku yang perlu kita gunakan di tempat lain.


The same issue, encapsulate.

content/docs/render-props.md

imiro · 2019-03-29T16:00:53Z

content/docs/render-props.md


-Now the question is: How can we reuse this behavior in another component? In other words, if another component needs to know about the cursor position, can we encapsulate that behavior so that we can easily share it with that component?
+Kemudian muncul pertanyaan: Bagaimana kita bisa menggunakan kembali perilaku ini pada komponen lainnya? Dengan kata lain, apabila ada komponen lain yang membutuhkan informasi tentang posisi kursor, dapatkah kita merangkum perilaku ini sehingga kita dapat dengan mudah membagikan informasi posisi kursor kepada komponen tersebut?


Indeed. I only used it because that's what google translates suggested. It doesn't sound right somehow. I've posted in #2 regarding this but haven't got any comments. Do you have any suggestion? Would mengenkapsulasi be better instead?

imiro · 2019-03-29T16:07:10Z

content/docs/render-props.md


-For example, let's say we have a `<Cat>` component that renders the image of a cat chasing the mouse around the screen. We might use a `<Cat mouse={{ x, y }}>` prop to tell the component the coordinates of the mouse so it knows where to position the image on the screen.
+Sebagai contoh, anggap kita memiliki sebuah komponen `<Cat>` yang me-_render_ gambar kucing sedang mengejar tetikus di layar. Kita dapat menggunakan props `<Cat mouse={{ x, y }}>` untuk memberitahukan pada komponen itu koordinat tetikus sehingga ia mengetahui di mana harus memposisikan gambar di layar.


Suggested change

Sebagai contoh, anggap kita memiliki sebuah komponen `<Cat>` yang me-_render_ gambar kucing sedang mengejar tetikus di layar. Kita dapat menggunakan props `<Cat mouse={{ x, y }}>` untuk memberitahukan pada komponen itu koordinat tetikus sehingga ia mengetahui di mana harus memposisikan gambar di layar.

Sebagai contoh, anggap kita memiliki sebuah komponen `<Cat>` yang me-_render_ gambar kucing sedang mengejar tetikus di layar. Kita dapat menggunakan props `<Cat mouse={{ x, y }}>` untuk memberitahu koordinat tetikus kepada komponen tersebut sehingga ia mengetahui di mana harus memposisikan gambar di layar.

Thank you for the suggestion. Changing itu to tersebut looks OK, but to use dari as the conjunction doesn't sound right in this case.. How about this instead?

imiro · 2019-03-29T16:10:10Z

content/docs/render-props.md

- component every time we need to use it, so <MouseWithCat>
- isn't really reusable yet.
+ Kita bisa saja hanya menukar <p> dengan <Cat> di sini ... tapi
+ kita akan harus membuat komponen lain <MouseWithSomethingElse>


If we can't use akan and harus consecutively, I think harus is more important to be used in this context to better deliver the message of this sentence ?

imiro · 2019-03-29T16:15:05Z

content/docs/render-props.md

 <MouseWithCat />
 </div>
 );
 }
 }
 ```

-This approach will work for our specific use case, but we haven't achieved the objective of truly encapsulating the behavior in a reusable way. Now, every time we want the mouse position for a different use case, we have to create a new component (i.e. essentially another `<MouseWithCat>`) that renders something specifically for that use case.
+Pendekatan ini akan bekerja untuk kasus penggunaan ini secara spesifik, namun kita belum berhasil mencapai tujuan untuk benar-benar merangkum perilaku yang kita inginkan (melacak posisi kursor) agar dapat dengan mudah digunakan kembali. Sekarang, setiap kali kita ingin mengetahui posisi kursor untuk kasus penggunaan yang lain, kita masih harus membuat sebuah komponen baru (i.e. komponen  `<MouseWithCat>` lainnya) yang me-_render_ sesuatu secara spesifik untuk kasus tersebut.


IMHO, e.g. (exempli gratia) can translates to misalnya, but not i.e.(id est) .. It usually translates to that is in english, right? Should we translate it to yaitu instead? Or maybe dengan kata lain ?

Suggested change

Pendekatan ini akan bekerja untuk kasus penggunaan ini secara spesifik, namun kita belum berhasil mencapai tujuan untuk benar-benar merangkum perilaku yang kita inginkan (melacak posisi kursor) agar dapat dengan mudah digunakan kembali. Sekarang, setiap kali kita ingin mengetahui posisi kursor untuk kasus penggunaan yang lain, kita masih harus membuat sebuah komponen baru (i.e. komponen `<MouseWithCat>` lainnya) yang me-_render_ sesuatu secara spesifik untuk kasus tersebut.

Pendekatan ini akan bekerja untuk kasus spesifik kita ini, namun kita belum berhasil mencapai tujuan untuk benar-benar merangkum perilaku yang kita inginkan (melacak posisi kursor) agar dapat dengan mudah digunakan kembali. Sekarang, setiap kali kita ingin mengetahui posisi kursor untuk kasus penggunaan yang lain, kita masih harus membuat sebuah komponen baru (dengan kata lain, komponen `<MouseWithCat>` lainnya) yang me-_render_ sesuatu secara spesifik untuk kasus tersebut.

imiro · 2019-03-29T16:21:01Z

content/docs/render-props.md


-One interesting thing to note about render props is that you can implement most [higher-order components](/docs/higher-order-components.html) (HOC) using a regular component with a render prop. For example, if you would prefer to have a `withMouse` HOC instead of a `<Mouse>` component, you could easily create one using a regular `<Mouse>` with a render prop:
+Satu hal menarik tentang props render adalah bahwa Anda dapat mengimplementasikan kebanyakan [komponen tingkat tinggi/higher-order components](/docs/higher-order-components.html) (HOC) menggunakan komponen biasa dengan sebuah _props render_. Sebagai contoh, jika Anda lebih memilih untuk memiliki sebuah HOC `withMouse` daripada komponen `<Mouse>`, Anda dapat dengan mudah membuatnya menggunakan komponen `<Mouse>` biasa dengan suatu _props render_:

 ```js
 // If you really want a HOC for some reason, you can easily
 // create one using a regular component with a render prop!


Suggested change

// create one using a regular component with a render prop!

// Jika Anda benar-benar ingin menggunakan HOC untuk alasan tertentu, Anda dapat dengan mudah

// membuatnya menggunakan komponen biasa dengan sebuah _prop render_!

content/docs/render-props.md

Co-Authored-By: imiro <ajim1417@gmail.com>

resir014

Thanks for your help @imiro!

Since "render props" is a term coined by the React team, I think we should keep it as render props. I'll look into the rest tomorrow.

Translate Render Props

e898f77

wisn suggested changes Mar 28, 2019

View reviewed changes

imiro commented Mar 29, 2019

View reviewed changes

Apply suggestions from code review

ac3ae32

Co-Authored-By: imiro <ajim1417@gmail.com>

resir014 requested changes Jul 6, 2019

View reviewed changes

tesseralis mentioned this pull request Jul 8, 2019

[OLD] Legacy Indonesian Translation Progress #1

Closed

96 tasks

resir014 merged commit 2ae8774 into reactjs:master Jul 21, 2020

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Translate Render Props #62

Translate Render Props #62

imiro commented Mar 23, 2019

netlify bot commented Mar 23, 2019 •

edited

Loading

netlify bot commented Mar 23, 2019 •

edited

Loading

wisn left a comment

wisn Mar 28, 2019

imiro Mar 29, 2019

wisn Mar 29, 2019

wisn Mar 28, 2019

imiro Mar 29, 2019

imiro Mar 29, 2019

imiro Mar 29, 2019

imiro Mar 29, 2019

imiro Mar 29, 2019

resir014 left a comment


		Now the question is: How can we reuse this behavior in another component? In other words, if another component needs to know about the cursor position, can we encapsulate that behavior so that we can easily share it with that component?
		Kemudian muncul pertanyaan: Bagaimana kita bisa menggunakan kembali perilaku ini pada komponen lainnya? Dengan kata lain, apabila ada komponen lain yang membutuhkan informasi tentang posisi kursor, dapatkah kita merangkum perilaku ini sehingga kita dapat dengan mudah membagikan informasi posisi kursor kepada komponen tersebut?


		Since components are the basic unit of code reuse in React, let's try refactoring the code a bit to use a `<Mouse>` component that encapsulates the behavior we need to reuse elsewhere.
		Karena komponen merupakan unit dasar penggunaan kembali kode di React, mari kita coba menyusun ulang kode sebelumnya sedikit untuk menggunakan komponen `<Mouse>` yang merangkum perilaku yang perlu kita gunakan di tempat lain.


		For example, let's say we have a `<Cat>` component that renders the image of a cat chasing the mouse around the screen. We might use a `<Cat mouse={{ x, y }}>` prop to tell the component the coordinates of the mouse so it knows where to position the image on the screen.
		Sebagai contoh, anggap kita memiliki sebuah komponen `<Cat>` yang me-_render_ gambar kucing sedang mengejar tetikus di layar. Kita dapat menggunakan props `<Cat mouse={{ x, y }}>` untuk memberitahukan pada komponen itu koordinat tetikus sehingga ia mengetahui di mana harus memposisikan gambar di layar.

	// create one using a regular component with a render prop!
	// Jika Anda benar-benar ingin menggunakan HOC untuk alasan tertentu, Anda dapat dengan mudah
	// membuatnya menggunakan komponen biasa dengan sebuah _prop render_!

Translate Render Props #62

Translate Render Props #62

Conversation

imiro commented Mar 23, 2019

netlify bot commented Mar 23, 2019 • edited Loading

netlify bot commented Mar 23, 2019 • edited Loading

wisn 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

Choose a reason for hiding this comment

resir014 left a comment

Choose a reason for hiding this comment

netlify bot commented Mar 23, 2019 •

edited

Loading

netlify bot commented Mar 23, 2019 •

edited

Loading