From 35af24091fc2ab120cc95d9a72ea3f5a7264ed9d Mon Sep 17 00:00:00 2001 From: dimasma0305 Date: Thu, 27 Apr 2023 13:32:36 +0800 Subject: [PATCH 1/3] Translation for react-dom/index.md --- src/content/reference/react-dom/index.md | 31 ++++++++++++------------ 1 file changed, 15 insertions(+), 16 deletions(-) diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index 5b2648c18..dbb7a327c 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -4,40 +4,39 @@ title: React DOM APIs -The `react-dom` package contains methods that are only supported for the web applications (which run in the browser DOM environment). They are not supported for React Native. +*package* `react-dom` berisi *method* yang hanya didukung untuk aplikasi web (yang berjalan di *environment* DOM browser). Mereka tidak didukung untuk React Native. --- -## APIs {/*apis*/} +## API {/*apis*/} -These APIs can be imported from your components. They are rarely used: +API ini dapat di import dari komponen. Namun, jarang digunakan: -* [`createPortal`](/reference/react-dom/createPortal) lets you render child components in a different part of the DOM tree. -* [`flushSync`](/reference/react-dom/flushSync) lets you force React to flush a state update and update the DOM synchronously. +* [`createPortal`](/reference/react-dom/createPortal) memungkinkan Anda untuk me-*render* *child component* ke dalam bagian DOM *tree* yang berbeda. +* [`flushSync`](/reference/react-dom/flushSync) memungkinkan Anda untuk memaksa React untuk segera mengeksekusi pembaruan *state* dan memperbarui DOM secara sinkron. --- -## Entry points {/*entry-points*/} +## Titik masuk {/*entry-points*/} -The `react-dom` package provides two additional entry points: +Paket `react-dom` menyediakan dua titik masuk tambahan: -* [`react-dom/client`](/reference/react-dom/client) contains APIs to render React components on the client (in the browser). -* [`react-dom/server`](/reference/react-dom/server) contains APIs to render React components on the server. +* [`react-dom/client`](/reference/react-dom/client) berisi API untuk me-*render* komponen React di sisi klien (di dalam browser). +* [`react-dom/server`](/reference/react-dom/server) berisi API untuk me-*render* komponen React di sisi server. --- -## Deprecated APIs {/*deprecated-apis*/} +## API Usang {/*deprecated-apis*/} -These APIs will be removed in a future major version of React. +API ini akan dihapus pada versi utama React yang akan datang. -* [`findDOMNode`](/reference/react-dom/findDOMNode) finds the closest DOM node corresponding to a class component instance. -* [`hydrate`](/reference/react-dom/hydrate) mounts a tree into the DOM created from server HTML. Deprecated in favor of [`hydrateRoot`](/reference/react-dom/client/hydrateRoot). -* [`render`](/reference/react-dom/render) mounts a tree into the DOM. Deprecated in favor of [`createRoot`](/reference/react-dom/client/createRoot). -* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode) unmounts a tree from the DOM. Deprecated in favor of [`root.unmount()`.](/reference/react-dom/client/createRoot#root-unmount) - +* [`findDOMNode`](/reference/react-dom/findDOMNode) digunakan untuk mencari elemen DOM terdekat yang sesuai dengan instansi *class component*. +* [`hydrate`](/reference/react-dom/hydrate) digunakan untuk menampilkan sebuah struktur *tree* pada DOM yang telah dibuat sebelumnya melalui server HTML. Fungsi ini sudah tidak digunakan lagi, dan diganti dengan [`hydrateRoot`](/reference/react-dom/client/hydrateRoot). +* [`render`](/reference/react-dom/render) digunakan untuk memasang sebuah struktur *tree* pada DOM. Fungsi ini juga sudah tidak digunakan lagi, dan diganti dengan [`createRoot`](/reference/react-dom/client/createRoot). +* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode) digunakan untuk melepaskan sebuah struktur pohon *tree* dari DOM. Fungsi ini sudah tidak digunakan lagi, dan diganti dengan [`root.unmount()`.](/reference/react-dom/client/createRoot#root-unmount) \ No newline at end of file From 235d28998e2298fc17b812e65330f07291fa3b46 Mon Sep 17 00:00:00 2001 From: Dimas Maulana <92920739+dimasma0305@users.noreply.github.com> Date: Sat, 29 Apr 2023 21:12:48 +0800 Subject: [PATCH 2/3] Update src/content/reference/react-dom/index.md change *environment* to linkungan in line 7 Co-authored-by: RiN --- src/content/reference/react-dom/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index dbb7a327c..986567a3e 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -4,7 +4,7 @@ title: React DOM APIs -*package* `react-dom` berisi *method* yang hanya didukung untuk aplikasi web (yang berjalan di *environment* DOM browser). Mereka tidak didukung untuk React Native. +*package* `react-dom` berisi *method* yang hanya didukung untuk aplikasi web (yang berjalan di lingkungan *DOM* peramban). Mereka tidak didukung untuk React Native. From f678b786893c5b3064840beb5e948abd731bae2e Mon Sep 17 00:00:00 2001 From: dimasma0305 Date: Sat, 29 Apr 2023 21:23:33 +0800 Subject: [PATCH 3/3] Translation for react-dom/index.md --- src/content/reference/react-dom/index.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/src/content/reference/react-dom/index.md b/src/content/reference/react-dom/index.md index 986567a3e..272049842 100644 --- a/src/content/reference/react-dom/index.md +++ b/src/content/reference/react-dom/index.md @@ -14,16 +14,16 @@ title: React DOM APIs API ini dapat di import dari komponen. Namun, jarang digunakan: -* [`createPortal`](/reference/react-dom/createPortal) memungkinkan Anda untuk me-*render* *child component* ke dalam bagian DOM *tree* yang berbeda. -* [`flushSync`](/reference/react-dom/flushSync) memungkinkan Anda untuk memaksa React untuk segera mengeksekusi pembaruan *state* dan memperbarui DOM secara sinkron. +* [`createPortal`](/reference/react-dom/createPortal) memungkinkan Anda untuk me-*render* *child component* ke dalam bagian *DOM* *tree* yang berbeda. +* [`flushSync`](/reference/react-dom/flushSync) memungkinkan Anda untuk memaksa React untuk segera mengeksekusi pembaruan *state* dan memperbarui *DOM* secara sinkron. --- ## Titik masuk {/*entry-points*/} -Paket `react-dom` menyediakan dua titik masuk tambahan: +*Package* `react-dom` menyediakan dua titik masuk tambahan: -* [`react-dom/client`](/reference/react-dom/client) berisi API untuk me-*render* komponen React di sisi klien (di dalam browser). +* [`react-dom/client`](/reference/react-dom/client) berisi API untuk me-*render* komponen React di sisi klien (di dalam peramban). * [`react-dom/server`](/reference/react-dom/server) berisi API untuk me-*render* komponen React di sisi server. --- @@ -36,7 +36,7 @@ API ini akan dihapus pada versi utama React yang akan datang. -* [`findDOMNode`](/reference/react-dom/findDOMNode) digunakan untuk mencari elemen DOM terdekat yang sesuai dengan instansi *class component*. -* [`hydrate`](/reference/react-dom/hydrate) digunakan untuk menampilkan sebuah struktur *tree* pada DOM yang telah dibuat sebelumnya melalui server HTML. Fungsi ini sudah tidak digunakan lagi, dan diganti dengan [`hydrateRoot`](/reference/react-dom/client/hydrateRoot). -* [`render`](/reference/react-dom/render) digunakan untuk memasang sebuah struktur *tree* pada DOM. Fungsi ini juga sudah tidak digunakan lagi, dan diganti dengan [`createRoot`](/reference/react-dom/client/createRoot). -* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode) digunakan untuk melepaskan sebuah struktur pohon *tree* dari DOM. Fungsi ini sudah tidak digunakan lagi, dan diganti dengan [`root.unmount()`.](/reference/react-dom/client/createRoot#root-unmount) \ No newline at end of file +* [`findDOMNode`](/reference/react-dom/findDOMNode) digunakan untuk mencari elemen *DOM* terdekat yang sesuai dengan instansi *class component*. +* [`hydrate`](/reference/react-dom/hydrate) digunakan untuk menampilkan sebuah struktur *tree* pada *DOM* yang telah dibuat sebelumnya melalui server HTML. Fungsi ini sudah tidak digunakan lagi, dan diganti dengan [`hydrateRoot`](/reference/react-dom/client/hydrateRoot). +* [`render`](/reference/react-dom/render) digunakan untuk memasang sebuah struktur *tree* pada *DOM*. Fungsi ini juga sudah tidak digunakan lagi, dan diganti dengan [`createRoot`](/reference/react-dom/client/createRoot). +* [`unmountComponentAtNode`](/reference/react-dom/unmountComponentAtNode) digunakan untuk melepaskan sebuah struktur pohon *tree* dari *DOM*. Fungsi ini sudah tidak digunakan lagi, dan diganti dengan [`root.unmount()`.](/reference/react-dom/client/createRoot#root-unmount) \ No newline at end of file