Skip to content

Commit f441dc0

Browse files
committed
translate first challenge rendering-lists
1 parent a0b2560 commit f441dc0

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

src/content/learn/rendering-lists.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -442,11 +442,11 @@ Bu sayfada şunları öğrendiniz:
442442

443443
<Challenges>
444444

445-
#### Splitting a list in two {/*splitting-a-list-in-two*/}
445+
#### Bir listeyi ikiye bölme {/*splitting-a-list-in-two*/}
446446

447-
This example shows a list of all people.
447+
Bu örnek tüm insanların bir listesini göstermektedir.
448448

449-
Change it to show two separate lists one after another: **Chemists** and **Everyone Else.** Like previously, you can determine whether a person is a chemist by checking if `person.profession === 'chemist'`.
449+
Örneği birbiri ardına iki ayrı liste gösterecek şekilde değiştirin: **Chemists** ve **Everyone Else.** Daha önce yaptığımız gibi, bir insanın "chemist" olup olmadığını `person.profession === 'chemist'` ifadesi ile tespit edebilirsiniz.
450450

451451
<Sandpack>
452452

@@ -537,7 +537,7 @@ img { width: 100px; height: 100px; border-radius: 50%; }
537537

538538
<Solution>
539539

540-
You could use `filter()` twice, creating two separate arrays, and then `map` over both of them:
540+
`filter()` metodunu iki defa kullanıp iki farklı dizi oluşturabilir ardından `map` metodunu kullanabilirsiniz:
541541

542542
<Sandpack>
543543

@@ -650,9 +650,9 @@ img { width: 100px; height: 100px; border-radius: 50%; }
650650

651651
</Sandpack>
652652

653-
In this solution, the `map` calls are placed directly inline into the parent `<ul>` elements, but you could introduce variables for them if you find that more readable.
653+
Bu çözümde, `map` metodu doğrudan üst `<ul>` elementinin satır içine yerleştirilebilir, ancak daha okunabilir olmasını istiyorsanız yeni değişkenler kullanabilirsiniz.
654654

655-
There is still a bit duplication between the rendered lists. You can go further and extract the repetitive parts into a `<ListSection>` component:
655+
Render edilmiş listeler arasında hala bazı tekrarlamalar mevcut. Çözümü biraz daha ileri götürmek isterseniz tekrar eden bölümleri yeni bir `<ListSection>` bileşenine aktarabilirsiniz:
656656

657657
<Sandpack>
658658

@@ -764,9 +764,9 @@ img { width: 100px; height: 100px; border-radius: 50%; }
764764

765765
</Sandpack>
766766

767-
A very attentive reader might notice that with two `filter` calls, we check each person's profession twice. Checking a property is very fast, so in this example it's fine. If your logic was more expensive than that, you could replace the `filter` calls with a loop that manually constructs the arrays and checks each person once.
767+
Çok dikkatli bir okuyucu, iki defa `filter` metodunu kullanmak her kişinin mesleğinin iki defa kontrol edilmesine sebep olacağını görmüştür. Bir özelliği kontrol etmek çok hızlıdır, bu nedenle bu örnek bir sorun yaratmayacaktır. Ancak kullandığınız mantığın hesaplanması pahalıysa `filter` metodunu, dizileri manuel olarak oluşturan ve her kişiyi bir kez kontrol eden bir döngü ile değiştirebilirsiniz.
768768

769-
In fact, if `people` never change, you could move this code out of your component. From React's perspective, all that matters is that you give it an array of JSX nodes in the end. It doesn't care how you produce that array:
769+
Aslında, eğer `people` hiç değişmiyorsa, bu kodu bileşeninizden çıkarabilirsiniz. React'in perspektifine göre, önemli olan tek şey sonunda React'e bir dizi JSX node'u vermenizdir. React diziyi nasıl ürettiğiniz ile ilgilenmez:
770770

771771
<Sandpack>
772772

0 commit comments

Comments
 (0)