Merged
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎ 1 Ignored Deployment
|
Size changesDetails📦 Next.js Bundle Analysis for react-devThis analysis was generated by the Next.js Bundle Analysis action. 🤖 This PR introduced no changes to the JavaScript bundle! 🙌 |
Contributor
serkanisyapan
left a comment
serkanisyapan
left a comment
There was a problem hiding this comment.
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*/} |
Contributor
There was a problem hiding this comment.
Suggested change
| ## 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. |
Contributor
There was a problem hiding this comment.
Suggested change
| İç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. |
Contributor
There was a problem hiding this comment.
Suggested change
| * `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. |
Contributor
There was a problem hiding this comment.
Suggested change
| * **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*/} |
Contributor
There was a problem hiding this comment.
Suggested change
| #### 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. |
Contributor
There was a problem hiding this comment.
Suggested change
| 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: |
Contributor
There was a problem hiding this comment.
Suggested change
| 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. |
Contributor
There was a problem hiding this comment.
Suggested change
| 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 |
Contributor
There was a problem hiding this comment.
Suggested change
| 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: |
Contributor
There was a problem hiding this comment.
Suggested change
| Ö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: |
Contributor
|
Hepsini tek tek commit etmene gerek yok. Kendi editöründe hepsini düzelttikten sonra fix: requested changes gibi tek bir commit yapabilirsin @alpererdogan8 |
Contributor
Author
|
Tamamdır teşekkür ederim, öyle yaparım o zaman :) |
Contributor
Author
|
Revizelerin için teşekkür ederim eline sağlık @serkanisyapan. |
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
No description provided.