docs: translate useOptimistic
#707
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Ignored Deployment
|
resir014
requested changes
Mar 7, 2025
| @@ -5,13 +5,13 @@ canary: true | |||
|
|
|||
| <Canary> | |||
|
|
|||
| The `useOptimistic` Hook is currently only available in React's Canary and experimental channels. Learn more about [React's release channels here](/community/versioning-policy#all-release-channels). | |||
| `useOptimistic` hook saat ini hanya tersedia di saluran React Canary dan React eksperimental. Pelajari lebih lanjut tentang [saluran rilis React di sini](/community/versioning-policy#all-release-channels). | |||
There was a problem hiding this comment.
Suggested change
| `useOptimistic` hook saat ini hanya tersedia di saluran React Canary dan React eksperimental. Pelajari lebih lanjut tentang [saluran rilis React di sini](/community/versioning-policy#all-release-channels). | |
| Hook `useOptimistic` saat ini hanya tersedia di kanal *canary* dan eksperimental React. Pelajari lebih lanjut tentang [kanal rilis React di sini](/community/versioning-policy#all-release-channels). |
|
|
||
| </Canary> | ||
|
|
||
| <Intro> | ||
|
|
||
| `useOptimistic` is a React Hook that lets you optimistically update the UI. | ||
| `useOptimistic` adalah React Hook yang memungkinkan Anda memperbarui antarmuka pengguna (UI) secara optimis. |
There was a problem hiding this comment.
Suggested change
| `useOptimistic` adalah React Hook yang memungkinkan Anda memperbarui antarmuka pengguna (UI) secara optimis. | |
| `useOptimistic` adalah Hook yang memungkinkan Anda memperbarui antarmuka pengguna (UI) secara optimis. |
| @@ -27,9 +27,9 @@ The `useOptimistic` Hook is currently only available in React's Canary and exper | |||
|
|
|||
| ### `useOptimistic(state, updateFn)` {/*use*/} | |||
|
|
|||
| `useOptimistic` is a React Hook that lets you show a different state while an async action is underway. It accepts some state as an argument and returns a copy of that state that can be different during the duration of an async action such as a network request. You provide a function that takes the current state and the input to the action, and returns the optimistic state to be used while the action is pending. | |||
| `useOptimistic` adalah React Hook yang memungkinkan Anda menampilkan *state* yang berbeda pada saat aksi asinkron sedang berlangsung. Hook ini menerima beberapa *state* sebagai argumen dan mengembalikan salinan dari *state* tersebut yang bisa berbeda selama aksi asinkron seperti contoh *network request*. Anda dapat menyediakan sebuah *function* yang mengambil *state* saat ini dan input untuk aksi tersebut, dan mengembalikan *optimistic state* yang akan digunakan saat aksi tersebut tertunda. | |||
There was a problem hiding this comment.
Suggested change
| `useOptimistic` adalah React Hook yang memungkinkan Anda menampilkan *state* yang berbeda pada saat aksi asinkron sedang berlangsung. Hook ini menerima beberapa *state* sebagai argumen dan mengembalikan salinan dari *state* tersebut yang bisa berbeda selama aksi asinkron seperti contoh *network request*. Anda dapat menyediakan sebuah *function* yang mengambil *state* saat ini dan input untuk aksi tersebut, dan mengembalikan *optimistic state* yang akan digunakan saat aksi tersebut tertunda. | |
| `useOptimistic` adalah Hook yang memungkinkan Anda menampilkan *state* yang berbeda pada saat aksi asinkron sedang berlangsung. Hook ini menerima beberapa *state* sebagai argumen dan mengembalikan salinan dari *state* tersebut yang bisa berbeda selama aksi asinkron seperti contoh *network request*. Anda dapat menyediakan sebuah *function* yang mengambil *state* saat ini dan input untuk aksi tersebut, dan mengembalikan *optimistic state* yang akan digunakan saat aksi tersebut tertunda. |
| @@ -50,24 +50,24 @@ function AppContainer() { | |||
|
|
|||
| #### Parameters {/*parameters*/} | |||
There was a problem hiding this comment.
Suggested change
| #### Parameters {/*parameters*/} | |
| #### Parameter {/*parameters*/} |
| * `state`: the value to be returned initially and whenever no action is pending. | ||
| * `updateFn(currentState, optimisticValue)`: a function that takes the current state and the optimistic value passed to `addOptimistic` and returns the resulting optimistic state. It must be a pure function. `updateFn` takes in two parameters. The `currentState` and the `optimisticValue`. The return value will be the merged value of the `currentState` and `optimisticValue`. | ||
| * `state`: nilai yang akan dikembalikan di awal dan setiap kali tidak ada tindakan yang tertunda. | ||
| * `updateFn(currentState, optimisticValue)`: sebuah *function* yang menerima `state` saat ini dan *optimistic value* yang diteruskan ke `addOptimistic` dan mengembalikan *optimistic state* yang dihasilkan. Function ini harus berupa function murni. `updateFn` menerima 2 parameter yaitu `currentState` dan `optimisticValue`. Nilai yang dikembalikan akan menjadi nilai gabungan dari `currentState` dan `optimisticValue`. | ||
|
|
||
|
|
||
| #### Returns {/*returns*/} |
There was a problem hiding this comment.
Suggested change
| #### Returns {/*returns*/} | |
| #### Kembalian {/*returns*/} |
Comment on lines
64
to
66
| ## Usage {/*usage*/} | ||
|
|
||
| ### Optimistically updating forms {/*optimistically-updating-with-forms*/} |
There was a problem hiding this comment.
Suggested change
| ## Usage {/*usage*/} | |
| ### Optimistically updating forms {/*optimistically-updating-with-forms*/} | |
| ## Penggunaan {/*usage*/} | |
| ### Memperbarui data secara optimis dengan form {/*optimistically-updating-with-forms*/} |
resir014
changed the title
useOptimistic
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Closes #683
Description
Translate the useOptimistic reference page.
Page URL: https://id.react.dev/reference/react/useOptimistic