Skip to content

Commit 1839d3b

Browse files
committed
Sync with reactdev 50d6991
2 parents b1e9341 + 372b64c commit 1839d3b

File tree

10 files changed

+16
-128
lines changed

10 files changed

+16
-128
lines changed

src/content/learn/keeping-components-pure.md

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -770,13 +770,8 @@ Alternatif olarak, içine bir öğe göndermeden önce (mevcut olanı kopyalayar
770770

771771
```js src/StoryTray.js active
772772
export default function StoryTray({ stories }) {
773-
<<<<<<< HEAD
774773
// Diziyi kopyalayın!
775774
let storiesToDisplay = stories.slice();
776-
=======
777-
// Copy the array!
778-
const storiesToDisplay = stories.slice();
779-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
780775

781776
// Orijinal diziyi etkilemez:
782777
storiesToDisplay.push({

src/content/learn/preserving-and-resetting-state.md

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -689,11 +689,9 @@ label {
689689

690690
</Sandpack>
691691

692-
<<<<<<< HEAD
692+
693693
Sayaç state'i kutucuğa tıkladığınız zaman sıfırlanır. `Counter` render etmenize rağmen, `div`'in ilk alt elemanı `div`'den `section`'a dönüşür. Alt eleman olan `div` DOM'dan kaldırıldığında, altındaki ağacın tamamı da (`Counter` ve state'i de dahil olmak üzere) yok edilir.
694-
=======
695-
The counter state gets reset when you click the checkbox. Although you render a `Counter`, the first child of the `div` changes from a `section` to a `div`. When the child `section` was removed from the DOM, the whole tree below it (including the `Counter` and its state) was destroyed as well.
696-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
694+
697695

698696
<DiagramGroup>
699697

src/content/learn/referencing-values-with-refs.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -470,11 +470,7 @@ export default function Toggle() {
470470

471471
#### Debouncing'i düzeltin {/*fix-debouncing*/}
472472

473-
<<<<<<< HEAD
474473
Bu örnekte tüm buton tıklama işleyicileri ["debounce edilmiştir"](https://redd.one/blog/debounce-vs-throttle). Bunun ne anlama geldiğini görmek için bir butona basın. Mesajın bir saniye sonra göründüğünü fark edeceksiniz. Mesajı beklerken düğmeye basarsanız, zamanlayıcı sıfırlanır. Yani aynı düğmeye hızlıca birkaç kez tıklamaya devam ederseniz, mesaj tıklamayı bıraktıktan bir saniye sonra görünecektir. Debouncing, kullanıcının "bir şeyler yapmayı durdurana kadar" bazı eylemleri geciktirmenizi sağlar.
475-
=======
476-
In this example, all button click handlers are ["debounced".](https://kettanaito.com/blog/debounce-vs-throttle) To see what this means, press one of the buttons. Notice how the message appears a second later. If you press the button while waiting for the message, the timer will reset. So if you keep clicking the same button fast many times, the message won't appear until a second *after* you stop clicking. Debouncing lets you delay some action until the user "stops doing things".
477-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
478474

479475
Örnek çalışıyor, fakat tam olarak istenildiği gibi değil. Butonlar birbirinden bağımsız değil. Problemi görmek için bir butona basın ve ardından hemen başka bir butona basın. Biraz bekledikten sonra her iki butonun de mesajını görmeyi beklersiniz. Fakat sadece son butonun mesajı görünüyor. İlk basılan butonun mesajı kayboluyor.
480476

src/content/learn/scaling-up-with-reducer-and-context.md

Lines changed: 0 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -510,15 +510,9 @@ export default function TaskApp() {
510510
}
511511

512512
return (
513-
<<<<<<< HEAD
514513
<TasksContext.Provider value={tasks}>
515514
<TasksDispatchContext.Provider value={dispatch}>
516515
<h1>İstanbul'da bir gün</h1>
517-
=======
518-
<TasksContext value={tasks}>
519-
<TasksDispatchContext value={dispatch}>
520-
<h1>Day off in Kyoto</h1>
521-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
522516
<AddTask
523517
onAddTask={handleAddTask}
524518
/>
@@ -683,15 +677,9 @@ Bir sonraki adımda, prop geçişini kaldıracaksınız.
683677
Artık görevlerin listesini veya olay yöneticilerini hiyerarşi boyunca iletmek zorunda değilsiniz:
684678
685679
```js {4-5}
686-
<<<<<<< HEAD
687680
<TasksContext.Provider value={tasks}>
688681
<TasksDispatchContext.Provider value={dispatch}>
689682
<h1>İstanbul'da bir gün</h1>
690-
=======
691-
<TasksContext value={tasks}>
692-
<TasksDispatchContext value={dispatch}>
693-
<h1>Day off in Kyoto</h1>
694-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
695683
<AddTask />
696684
<TaskList />
697685
</TasksDispatchContext>
@@ -743,15 +731,9 @@ export default function TaskApp() {
743731
);
744732

745733
return (
746-
<<<<<<< HEAD
747734
<TasksContext.Provider value={tasks}>
748735
<TasksDispatchContext.Provider value={dispatch}>
749736
<h1>İstanbul'da bir gün</h1>
750-
=======
751-
<TasksContext value={tasks}>
752-
<TasksDispatchContext value={dispatch}>
753-
<h1>Day off in Kyoto</h1>
754-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
755737
<AddTask />
756738
<TaskList />
757739
</TasksDispatchContext>

src/content/reference/react-dom/createPortal.md

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -240,11 +240,7 @@ export default function ModalContent({ onClose }) {
240240
241241
Portalları kullanırken uygulamanızın erişilebilir olduğundan emin olmanız önemlidir. Örneğin, kullanıcının odağı doğal bir şekilde portalın içine ve dışına taşıyabilmesi için klavye odağını yönetmeniz gerekebilir.
242242
243-
<<<<<<< HEAD
244243
Modal'lar oluştururken [WAI-ARIA Modal Yazma Uygulamaları](https://www.w3.org/WAI/ARIA/apg/#dialog_modal) kılavuzunu izleyiniz. Bir topluluk paketi kullanıyorsanız, erişilebilir olduğundan ve bu yönergeleri izlediğinden emin olun.
245-
=======
246-
Follow the [WAI-ARIA Modal Authoring Practices](https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal) when creating modals. If you use a community package, ensure that it is accessible and follows these guidelines.
247-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
248244

249245
</Pitfall>
250246

src/content/reference/react/apis.md

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -10,21 +10,12 @@ title: "Yerleşik React API'leri"
1010

1111
---
1212

13-
<<<<<<< HEAD
1413
* [`createContext`](/reference/react/createContext), context tanımlamanıza ve alt bileşenlere iletmenizi sağlar. [`useContext`](/reference/react/useContext) ile birlikte kullanılır.
1514
* [`forwardRef`](/reference/react/forwardRef), bir DOM düğümünü üst bileşene ref olarak göstermenizi sağlar. [`useRef`](/reference/react/useRef) ile birlikte kullanılır.
1615
* [`lazy`](/reference/react/lazy), bileşen kodunun yüklenmesini ilk kez render edilene kadar ertelemenizi sağlar.
1716
* [`memo`](/reference/react/memo), bileşeninizin aynı prop'larla yeniden render edilmesini engellemenizi sağlar. [`useMemo`](/reference/react/useMemo) ve [`useCallback`](/reference/react/useCallback) ile birlikte kullanılır.
1817
* [`startTransition`](/reference/react/startTransition), state güncellemesini acil olmadığını belirtecek şekilde işaretlemenizi sağlar. [`useTransition`](/reference/react/useTransition)'a benzerdir.
1918
* [`act`](/reference/react/act) doğrulamalarınızı (assertions) yapmadan önce önce güncellemelerin işlendiğinden emin olmak için testlerinizdeki renderları ve etkileşimleri sarmalamanıza olanak tanır.
20-
=======
21-
* [`createContext`](/reference/react/createContext) lets you define and provide context to the child components. Used with [`useContext`.](/reference/react/useContext)
22-
* [`lazy`](/reference/react/lazy) lets you defer loading a component's code until it's rendered for the first time.
23-
* [`memo`](/reference/react/memo) lets your component skip re-renders with same props. Used with [`useMemo`](/reference/react/useMemo) and [`useCallback`.](/reference/react/useCallback)
24-
* [`startTransition`](/reference/react/startTransition) lets you mark a state update as non-urgent. Similar to [`useTransition`.](/reference/react/useTransition)
25-
* [`act`](/reference/react/act) lets you wrap renders and interactions in tests to ensure updates have processed before making assertions.
26-
27-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
2819
---
2920

3021
## Kaynak API'ları {/*resource-apis*/}

src/content/reference/react/createContext.md

Lines changed: 2 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -38,18 +38,10 @@ const ThemeContext = createContext('light');
3838

3939
`createContext` bir context nesnesi döndürür.
4040

41-
<<<<<<< HEAD
4241
**Context nesnesinin kendisi herhangi bir bilgi içermez.** Diğer bileşenlerin _hangi_ contexti okuyacağını veya sağlayacağını temsil eder. Genellikle, context değerini belirtmek için bileşenin üstünde [SomeContext.Provider](https://react.dev/reference/react/createContext#provider) kullanır ve bileşenin altında okumak için [useContext(SomeContext)](https://react.dev/reference/react/useContext) çağırırsınız. Context nesnesinin birkaç özelliği vardır:
4342

4443
* `SomeContext.Provider` bilenşenlerin context değerini sağlamanıza olanak tanır.
4544
* `SomeContext.Consumer` context değerini okumak için nadiren kullanılan alternatif bir yöntemdir.
46-
=======
47-
**The context object itself does not hold any information.** It represents _which_ context other components read or provide. Typically, you will use [`SomeContext`](#provider) in components above to specify the context value, and call [`useContext(SomeContext)`](/reference/react/useContext) in components below to read it. The context object has a few properties:
48-
49-
* `SomeContext` lets you provide the context value to components.
50-
* `SomeContext.Consumer` is an alternative and rarely used way to read the context value.
51-
* `SomeContext.Provider` is a legacy way to provide the context value before React 19.
52-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
5345

5446
---
5547

@@ -69,19 +61,15 @@ function App() {
6961
}
7062
```
7163

72-
<<<<<<< HEAD
73-
#### Proplar {/*provider-props*/}
74-
=======
7564
<Note>
7665

77-
Starting in React 19, you can render `<SomeContext>` as a provider.
66+
React 19'dan itibaren, `<SomeContext>` öğesini bir sağlayıcı olarak oluşturabilirsiniz.
7867

79-
In older versions of React, use `<SomeContext.Provider>`.
68+
React'in eski sürümlerinde `<SomeContext.Provider>` kullanın.
8069

8170
</Note>
8271

8372
#### Props {/*provider-props*/}
84-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
8573

8674
* `value`: Ne kadar derin olursa olsun, bu sağlayıcının içindeki contexti okuyan tüm bileşenlere aktarmak istediğiniz değer. Context değeri herhangi bir türde olabilir. Sağlayıcı içinde [`useContext(SomeContext)`](/reference/react/useContext) kullanan bir bileşen,
8775
üzerindeki en içte bulunan ilgili context sağlayıcısının `value` değerini alır.
@@ -235,9 +223,5 @@ const ThemeContext = createContext('light');
235223

236224
Bu değer asla değişmez. React, yalnızca eşleşen bir sağlayıcı bulamazsa bu değeri bir geri dönüş olarak kullanır.
237225

238-
<<<<<<< HEAD
239226
Contextin zaman içinde değişmesini sağlamak için, [state ekleyin ve bileşenleri context sağlayıcısıyla sarın.](/reference/react/useContext#updating-data-passed-via-context)
240227

241-
=======
242-
To make context change over time, [add state and wrap components in a context provider.](/reference/react/useContext#updating-data-passed-via-context)
243-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91

src/content/reference/react/legacy.md

Lines changed: 0 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -27,18 +27,9 @@ Bu API'ler `react` paketinden export edilir, ancak yeni yazılmış kodlarda kul
2727

2828
Bu API'ler React 19'da kaldırıldı:
2929

30-
<<<<<<< HEAD
3130
* [`createFactory`](https://18.react.dev/reference/react/createFactory): bunun yerine JSX kullanın.
3231
* Sınıf Bileşenleri: [`static contextTypes`](https://18.react.dev//reference/react/Component#static-contexttypes): bunun yerine [`static contextType`](#static-contexttype) kullanın.
3332
* Sınıf Bileşenleri: [`static childContextTypes`](https://18.react.dev//reference/react/Component#static-childcontexttypes): bunun yerine [`static contextType`](#static-contexttype) kullanın.
3433
* Sınıf Bileşenleri: [`static getChildContext`](https://18.react.dev//reference/react/Component#getchildcontext): bunun yerine [`Context.Provider`](/reference/react/createContext#provider) kullanın.
3534
* Sınıf Bileşenleri: [`static propTypes`](https://18.react.dev//reference/react/Component#static-proptypes): bunun yerine [TypeScript](https://www.typescriptlang.org/) gibi bir tip sistemi kullanın.
3635
* Sınıf Bileşenleri: [`this.refs`](https://18.react.dev//reference/react/Component#refs): bunun yerine [`createRef`](/reference/react/createRef) kullanın.
37-
=======
38-
* [`createFactory`](https://18.react.dev/reference/react/createFactory): use JSX instead.
39-
* Class Components: [`static contextTypes`](https://18.react.dev//reference/react/Component#static-contexttypes): use [`static contextType`](#static-contexttype) instead.
40-
* Class Components: [`static childContextTypes`](https://18.react.dev//reference/react/Component#static-childcontexttypes): use [`static contextType`](#static-contexttype) instead.
41-
* Class Components: [`static getChildContext`](https://18.react.dev//reference/react/Component#getchildcontext): use [`Context`](/reference/react/createContext#provider) instead.
42-
* Class Components: [`static propTypes`](https://18.react.dev//reference/react/Component#static-proptypes): use a type system like [TypeScript](https://www.typescriptlang.org/) instead.
43-
* Class Components: [`this.refs`](https://18.react.dev//reference/react/Component#refs): use [`createRef`](/reference/react/createRef) instead.
44-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91

src/content/reference/react/memo.md

Lines changed: 2 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -230,13 +230,8 @@ export default function MyApp() {
230230
<button onClick={handleClick}>
231231
Temayı değiştir
232232
</button>
233-
<<<<<<< HEAD
234-
<Greeting name="Seher" />
235-
</ThemeContext.Provider>
236-
=======
237233
<Greeting name="Taylor" />
238234
</ThemeContext>
239-
>>>>>>> 50d6991ca6652f4bc4c985cf0c0e593864f2cc91
240235
);
241236
}
242237

@@ -281,7 +276,7 @@ Bileşeninizin yalnızca context'in bazı _öğeleri_ değiştiğinde render edi
281276

282277
```js {5-8}
283278
function Page() {
284-
const [name, setName] = useState('Seher');
279+
const [name, setName] = useState('Anılcan');
285280
const [age, setAge] = useState(24);
286281

287282
const person = useMemo(
@@ -301,7 +296,7 @@ Prop değişikliklerini minimuma indirmenin daha iyi bir yolu, gereksiz bilgiler
301296

302297
```js {4,7}
303298
function Page() {
304-
const [name, setName] = useState('Seher');
299+
const [name, setName] = useState('Anılcan');
305300
const [age, setAge] = useState(24);
306301
return <Profile name={name} age={age} />;
307302
}

0 commit comments

Comments
 (0)