From d5499214d468ca8f31dbdab2a90cee64cdbb2346 Mon Sep 17 00:00:00 2001 From: selvaganapathycoder Date: Wed, 18 Feb 2026 12:03:32 +0530 Subject: [PATCH] docs(id): translate unstable_addTransitionType page --- .../reference/react/addTransitionType.md | 57 +++++++++---------- 1 file changed, 28 insertions(+), 29 deletions(-) diff --git a/src/content/reference/react/addTransitionType.md b/src/content/reference/react/addTransitionType.md index 6094ea82b..97ecbd41d 100644 --- a/src/content/reference/react/addTransitionType.md +++ b/src/content/reference/react/addTransitionType.md @@ -19,8 +19,7 @@ Versi eksperimental React mungkin mengandung bug. Jangan menggunakannya dalam pr -`unstable_addTransitionType` lets you specify the cause of a transition. - +`unstable_addTransitionType` memungkinkan Anda untuk menentukan penyebab dari suatu transisi. ```js startTransition(() => { @@ -35,32 +34,32 @@ startTransition(() => { --- -## Reference {/*reference*/} +## Referensi {/*reference*/} ### `addTransitionType` {/*addtransitiontype*/} -#### Parameters {/*parameters*/} +#### Parameter {/*parameters*/} -- `type`: The type of transition to add. This can be any string. +- `type`: Tipe transisi yang akan ditambahkan. Ini dapat berupa string apa pun. -#### Returns {/*returns*/} +#### Kembalian {/*returns*/} -`startTransition` does not return anything. +`addTransitionType` tidak mengembalikan apa pun. #### Caveats {/*caveats*/} -- If multiple transitions are combined, all Transition Types are collected. You can also add more than one type to a Transition. -- Transition Types are reset after each commit. This means a `` fallback will associate the types after a `startTransition`, but revealing the content does not. +- Jika beberapa transisi digabungkan, semua Tipe Transisi akan dikumpulkan. Anda juga dapat menambahkan lebih dari satu tipe ke dalam sebuah Transisi. +- Tipe Transisi diatur ulang setiap kali *commit*. Ini berarti *fallback* `` akan mengasosiasikan tipe setelah `startTransition`, namun menampilkan konten tidak demikian. --- -## Usage {/*usage*/} +## Penggunaan {/*usage*/} -### Adding the cause of a transition {/*adding-the-cause-of-a-transition*/} +### Menambahkan penyebab transisi {/*adding-the-cause-of-a-transition*/} -Call `addTransitionType` inside of `startTransition` to indicate the cause of a transition: +Panggil `addTransitionType` di dalam `startTransition` untuk menunjukkan penyebab dari suatu transisi: -``` [[1, 6, "unstable_addTransitionType"], [2, 5, "startTransition", [3, 6, "'submit-click'"]] +```js [[1, 6, "unstable_addTransitionType"], [2, 5, "startTransition", [3, 6, "'submit-click'"]] import { startTransition, unstable_addTransitionType } from 'react'; function Submit({action) { @@ -76,22 +75,22 @@ function Submit({action) { ``` -When you call addTransitionType inside the scope of startTransition, React will associate submit-click as one of the causes for the Transition. +Saat Anda memanggil addTransitionType di dalam cakupan startTransition, React akan mengasosiasikan submit-click sebagai salah satu penyebab Transisi tersebut. -Currently, Transition Types can be used to customize different animations based on what caused the Transition. You have three different ways to choose from for how to use them: +Saat ini, Tipe Transisi dapat digunakan untuk menyesuaikan animasi yang berbeda berdasarkan apa yang menyebabkan Transisi tersebut. Anda memiliki tiga cara berbeda yang dapat dipilih untuk menggunakannya: -- [Customize animations using browser view transition types](#customize-animations-using-browser-view-transition-types) -- [Customize animations using `View Transition` Class](#customize-animations-using-view-transition-class) -- [Customize animations using `ViewTransition` events](#customize-animations-using-viewtransition-events) +- [Menyesuaikan animasi menggunakan tipe transisi tampilan browser](#customize-animations-using-browser-view-transition-types) +- [Menyesuaikan animasi menggunakan Kelas `View Transition`](#customize-animations-using-view-transition-class) +- [Menyesuaikan animasi menggunakan event `ViewTransition`](#customize-animations-using-viewtransition-events) -In the future, we plan to support more use cases for using the cause of a transition. +Di masa mendatang, kami berencana untuk mendukung lebih banyak kasus penggunaan untuk menggunakan penyebab transisi. --- -### Customize animations using browser view transition types {/*customize-animations-using-browser-view-transition-types*/} +### Menyesuaikan animasi menggunakan tipe transisi tampilan browser {/*customize-animations-using-browser-view-transition-types*/} -When a [`ViewTransition`](/reference/react/ViewTransition) activates from a transition, React adds all the Transition Types as browser [view transition types](https://www.w3.org/TR/css-view-transitions-2/#active-view-transition-pseudo-examples) to the element. +Ketika [`ViewTransition`](/reference/react/ViewTransition) aktif dari sebuah transisi, React menambahkan semua Tipe Transisi sebagai [tipe transisi tampilan](https://www.w3.org/TR/css-view-transitions-2/#active-view-transition-pseudo-examples) browser ke elemen tersebut. -This allows you to customize different animations based on CSS scopes: +Ini memungkinkan Anda menyesuaikan animasi berbeda berdasarkan cakupan CSS: ```js [11] function Component() { @@ -118,9 +117,9 @@ startTransition(() => { --- -### Customize animations using `View Transition` Class {/*customize-animations-using-view-transition-class*/} +### Menyesuaikan animasi menggunakan Kelas `View Transition` {/*customize-animations-using-view-transition-class*/} -You can customize animations for an activated `ViewTransition` based on type by passing an object to the View Transition Class: +Anda dapat menyesuaikan animasi untuk `ViewTransition` yang diaktifkan berdasarkan tipe dengan meneruskan objek ke Kelas View Transition: ```js function Component() { @@ -140,9 +139,9 @@ startTransition(() => { }); ``` -If multiple types match, then they're joined together. If no types match then the special "default" entry is used instead. If any type has the value "none" then that wins and the ViewTransition is disabled (not assigned a name). +Jika beberapa tipe cocok, maka mereka akan digabungkan. Jika tidak ada tipe yang cocok, maka entri khusus "default" yang digunakan. Jika ada tipe yang memiliki nilai "none", maka itu yang akan menang dan ViewTransition dinonaktifkan (tidak diberikan nama). -These can be combined with enter/exit/update/layout/share props to match based on kind of trigger and Transition Type. +Ini dapat dikombinasikan dengan prop enter/exit/update/layout/share untuk mencocokkan berdasarkan jenis pemicu dan Tipe Transisi. ```js { @@ -173,7 +172,7 @@ You can imperatively customize animations for an activated `ViewTransition` base }}> ``` -This allows you to pick different imperative Animations based on the cause. +Ini memungkinkan Anda untuk memilih Animasi imperatif yang berbeda berdasarkan penyebabnya. ---