translate createRoot by alpererdogan8 · Pull Request #523 · reactjs/tr.react.dev
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Bazı kelimeler için genel kullandığımız çevirilere TRANSLATION.md sayfasından göz atabilirsin daha önce görmediysen. Eline sağlık düzelttikten sonra merge edelim.
| --- | ||
|
|
||
| ## Reference {/*reference*/} | ||
| ## Başvuru dokümanı {/*reference*/} |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| ## Başvuru dokümanı {/*reference*/} | |
| ## Referans {/*reference*/} |
Burayı referans olarak çeviriyoruz.
| ### `createRoot(domNode, options?)` {/*createroot*/} | ||
|
|
||
| Call `createRoot` to create a React root for displaying content inside a browser DOM element. | ||
| İçeriği bir tarayıcı DOM öğesi içinde görüntülemek üzere bir React kökü oluşturmak için `createRoot` çağrısı yapın. |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| İçeriği bir tarayıcı DOM öğesi içinde görüntülemek üzere bir React kökü oluşturmak için `createRoot` çağrısı yapın. | |
| İçeriği bir tarayıcı DOM elemanı içinde görüntülemek üzere bir React kökü oluşturmak için `createRoot` çağrısı yapın. |
öğesi yerine elemanı olarak çevirelim.
| #### Parametreler {/*parameters*/} | ||
|
|
||
| * `domNode`: A [DOM element.](https://developer.mozilla.org/en-US/docs/Web/API/Element) React will create a root for this DOM element and allow you to call functions on the root, such as `render` to display rendered React content. | ||
| * `domNode`: React bu [DOM elemanı](https://developer.mozilla.org/en-US/docs/Web/API/Element) için bir kök oluşturacak ve işlenmiş React içeriğini görüntülemek için `render` gibi kök üzerinde fonksiyonlar çağırmanıza izin verecektir. |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| * `domNode`: React bu [DOM elemanı](https://developer.mozilla.org/en-US/docs/Web/API/Element) için bir kök oluşturacak ve işlenmiş React içeriğini görüntülemek için `render` gibi kök üzerinde fonksiyonlar çağırmanıza izin verecektir. | |
| * `domNode`: Bir [DOM elemanı.](https://developer.mozilla.org/en-US/docs/Web/API/Element) React bu DOM elemanı için bir kök oluşturacak ve `render` gibi render edilmiş React içeriğini görüntülemek için kök üzerinde fonksiyonlar çağırmanıza izin verecektir. |
Çeviri böyle daha anlamlı oluyor sanki.
|
|
||
| * **optional** `onRecoverableError`: Callback called when React automatically recovers from errors. | ||
| * **optional** `identifierPrefix`: A string prefix React uses for IDs generated by [`useId`.](/reference/react/useId) Useful to avoid conflicts when using multiple roots on the same page. | ||
| * **opsiyonel** `onRecoverableError`: React'in hatalardan otomatik olarak kurtulduğunda çağrılan geri arama fonksiyonu. |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| * **opsiyonel** `onRecoverableError`: React'in hatalardan otomatik olarak kurtulduğunda çağrılan geri arama fonksiyonu. | |
| * **opsiyonel** `onRecoverableError`: React'in hatalardan otomatik olarak kurtulduğunda çağrılan callback fonksiyonu. |
callback olarak bırakıyoruz. TRANSLATION.md dosyasından kontrol edebilirsiniz.
| * **opsiyonel** `identifierPrefix`: [`useId`](/reference/react/useId) tarafından oluşturulan kimlikler için React'in kullandığı bir dize öneki. Aynı sayfada birden fazla kök kullanırken çakışmaları önlemek için kullanışlıdır. | ||
|
|
||
| #### Returns {/*returns*/} | ||
| #### Geri dönüşler {/*returns*/} |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| #### Geri dönüşler {/*returns*/} | |
| #### Döndürülenler {/*returns*/} |
döndürülenler olarak çeviriyoruz burayı.
| ### Sunucu tarafından oluşturulan HTML'im sıfırdan yeniden oluşturuluyor {/*my-server-rendered-html-gets-re-created-from-scratch*/} | ||
|
|
||
| If your app is server-rendered and includes the initial HTML generated by React, you might notice that creating a root and calling `root.render` deletes all that HTML, and then re-creates all the DOM nodes from scratch. This can be slower, resets focus and scroll positions, and may lose other user input. | ||
| Uygulamanız sunucu tarafından oluşturulmuşsa ve React tarafından oluşturulan ilk HTML'yi içeriyorsa, bir kök oluşturmanın ve `root.render` çağrısının tüm bu HTML'yi sildiğini ve ardından tüm DOM düğümlerini sıfırdan yeniden oluşturduğunu fark edebilirsiniz. Bu daha yavaş olabilir, odak ve kaydırma konumlarını sıfırlayabilir ve diğer kullanıcı girdilerini kaybedebilir. |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| Uygulamanız sunucu tarafından oluşturulmuşsa ve React tarafından oluşturulan ilk HTML'yi içeriyorsa, bir kök oluşturmanın ve `root.render` çağrısının tüm bu HTML'yi sildiğini ve ardından tüm DOM düğümlerini sıfırdan yeniden oluşturduğunu fark edebilirsiniz. Bu daha yavaş olabilir, odak ve kaydırma konumlarını sıfırlayabilir ve diğer kullanıcı girdilerini kaybedebilir. | |
| Uygulamanız sunucu tarafından render ediliyorsa ve React tarafından oluşturulan ilk HTML'yi içeriyorsa, bir kök oluşturmanın ve `root.render` çağrısının tüm bu HTML'yi sildiğini ve ardından tüm DOM düğümlerini sıfırdan yeniden oluşturduğunu fark edebilirsiniz. Bu daha yavaş olabilir, odak ve kaydırma konumlarını sıfırlayabilir ve diğer kullanıcı girdilerini kaybedebilir. |
| Uygulamanız sunucu tarafından oluşturulmuşsa ve React tarafından oluşturulan ilk HTML'yi içeriyorsa, bir kök oluşturmanın ve `root.render` çağrısının tüm bu HTML'yi sildiğini ve ardından tüm DOM düğümlerini sıfırdan yeniden oluşturduğunu fark edebilirsiniz. Bu daha yavaş olabilir, odak ve kaydırma konumlarını sıfırlayabilir ve diğer kullanıcı girdilerini kaybedebilir. | ||
|
|
||
| Server-rendered apps must use [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) instead of `createRoot`: | ||
| Sunucu tarafından oluşturulan uygulamalar `createRoot` yerine [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) kullanmalıdır: |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| Sunucu tarafından oluşturulan uygulamalar `createRoot` yerine [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) kullanmalıdır: | |
| Sunucu tarafından render edilen uygulamalar `createRoot` yerine [`hydrateRoot`](/reference/react-dom/client/hydrateRoot) kullanmalıdır: |
Aynı çeviri
| </Sandpack> | ||
|
|
||
| You could also create a new DOM node with [`document.createElement()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement) and add it to the document manually. | ||
| Ayrıca [`document.createElement()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement) ile yeni bir DOM düğümü oluşturabilir ve bunu belgeye manuel olarak ekleyebilirsiniz. |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| Ayrıca [`document.createElement()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement) ile yeni bir DOM düğümü oluşturabilir ve bunu belgeye manuel olarak ekleyebilirsiniz. | |
| Ayrıca [`document.createElement()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/createElement) ile yeni bir DOM düğümü oluşturabilir ve bunu dokümana manuel olarak ekleyebilirsiniz. |
document kelimesini eski çeviride doküman olarak çevirmişler. Yeni çeviri de örnek bulamadım açıkçası. Tartışabiliriz. Bir kaç yerde daha var bu sayfada.
| const root = createRoot(domNode); | ||
| root.render(<Comment />); | ||
| document.body.appendChild(domNode); // You can add it anywhere in the document | ||
| document.body.appendChild(domNode); // Belgenin herhangi bir yerine ekleyebilirsiniz |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| document.body.appendChild(domNode); // Belgenin herhangi bir yerine ekleyebilirsiniz | |
| document.body.appendChild(domNode); // Dokümanın herhangi bir yerine ekleyebilirsiniz |
| ``` | ||
|
|
||
| For example, if `domNode` is `null`, it means that [`getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) returned `null`. This will happen if there is no node in the document with the given ID at the time of your call. There may be a few reasons for it: | ||
| Örneğin, `domNode` `null` ise, [`getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) `null` döndürmüş demektir. Bu, çağrınız sırasında belgede verilen kimliğe sahip bir düğüm yoksa gerçekleşir. Bunun birkaç nedeni olabilir: |
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
| Örneğin, `domNode` `null` ise, [`getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) `null` döndürmüş demektir. Bu, çağrınız sırasında belgede verilen kimliğe sahip bir düğüm yoksa gerçekleşir. Bunun birkaç nedeni olabilir: | |
| Örneğin, `domNode` `null` ise, [`getElementById`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById) `null` döndürmüş demektir. Bu, çağrınız sırasında dokümanda verilen kimliğe sahip bir düğüm yoksa gerçekleşir. Bunun birkaç nedeni olabilir: |