Skip to content

Translation of Concurrent Mode Reference #210

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
alioguzhan merged 11 commits into from
Apr 29, 2020
+55 −55
Merged

Translation of Concurrent Mode Reference #210

Changes from 1 commit
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
55c370e
update doc title
ahmett Apr 21, 2020
f843f7f
update-1
ahmett Apr 21, 2020
03334af
update-2
ahmett Apr 21, 2020
5210b9f
update-3
ahmett Apr 21, 2020
8c48ef4
update-4
ahmett Apr 21, 2020
376eb63
update-5
ahmett Apr 21, 2020
0552709
update-6
ahmett Apr 21, 2020
631c6a1
update-7
ahmett Apr 21, 2020
47e3a84
update-8
ahmett Apr 21, 2020
32913c6
update-9
ahmett Apr 22, 2020
240dad9
update-10
ahmett Apr 22, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
update-6 
#suspenselist section
  • Loading branch information
@ahmett
ahmett committed Apr 21, 2020
commit 05527090e07817a7cc8079278b1cb75917aa9ef1
26 changes: 13 additions & 13 deletions content/docs/concurrent-mode-reference.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,32 +82,32 @@ Bu örnekte, `ProfileDetails` bazı verileri almak için asenkron bir API çağr

```js
<SuspenseList revealOrder="forwards">
<Suspense fallback={'Loading...'}>
<Suspense fallback={'Yükleniyor...'}>
<ProfilePicture id={1} />
</Suspense>
<Suspense fallback={'Loading...'}>
<Suspense fallback={'Yükleniyor...'}>
<ProfilePicture id={2} />
</Suspense>
<Suspense fallback={'Loading...'}>
<Suspense fallback={'Yükleniyor...'}>
<ProfilePicture id={3} />
</Suspense>
...
</SuspenseList>
```

`SuspenseList` helps coordinate many components that can suspend by orchestrating the order in which these components are revealed to the user.
`SuspenseList` bileşenlerin kullanıcıya gösterilme sırasını yöneterek beklemekte olan birçok bileşeni koordine etmeye yardımcı olur.

When multiple components need to fetch data, this data may arrive in an unpredictable order. However, if you wrap these items in a `SuspenseList`, React will not show an item in the list until previous items have been displayed (this behavior is adjustable).
Birden fazla bileşenin veri getirmesi gerektiğinde, bu veriler öngörülemeyen bir sıralama ile gelebilir. Ancak, bu öğeleri bir `SuspenseList` içine yerleştirirseniz, React önceki öğeler görüntülenene kadar listede bir öğe göstermez (bu davranış ayarlanabilir).

`SuspenseList` takes two props:
* **revealOrder (forwards, backwards, together)** defines the order in which the `SuspenseList` children should be revealed.
* `together` reveals *all* of them when they're ready instead of one by one.
* **tail (collapsed, hidden)** dictates how unloaded items in a `SuspenseList` is shown.
* By default, `SuspenseList` will show all fallbacks in the list.
* `collapsed` shows only the next fallback in the list.
* `hidden` doesn't show any unloaded items.
`SuspenseList` iki prop alır:
* **revealOrder (forwards, backwards, together)** `SuspenseList` alt elemanlarının hangi sırayla gösterilmesi gerektiğini tanımlar.
* `together` tek tek yerine, hazır olduğunda *tümü* birlikte gösterilir.
* **tail (collapsed, hidden)** `SuspenseList` içindeki yüklenmemiş alt elemanların nasıl gösterileceğini belirler.
* Varsayılan olarak, `SuspenseList` listedeki tüm yedekleri gösterir.
* `collapsed` yalnızca listedeki bir sonraki yedeği gösterir.
* `hidden` yüklenmemiş hiçbir alt elemanı göstermez.

Note that `SuspenseList` only operates on the closest `Suspense` and `SuspenseList` components below it. It does not search for boundaries deeper than one level. However, it is possible to nest multiple `SuspenseList` components in each other to build grids.
`SuspenseList` öğesinin yalnızca en yakın `Suspense` ve `SuspenseList` bileşenlerinde çalıştığını unutmayın. Birinci seviyeden daha derinde bulunan içerikler için arama yapmaz. Ancak, ızgara yapısı oluşturmak için birden fazla `SuspenseList` bileşenini iç içe yerleştirmek mümkündür.

### `useTransition` {#usetransition}

Expand Down