Skip to content
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.

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

Translate Using Typescript Page #566

Merged
merged 2 commits into from
Oct 14, 2024

Conversation

halilxibrahim
Copy link
Contributor

Translate Using Typescript Page

Copy link

vercel bot commented Sep 21, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment
Name Status Preview Comments Updated (UTC)
tr-legacy-reactjs-org ⬜️ Ignored (Inspect) Visit Preview Oct 14, 2024 0:38am

@halilxibrahim
Copy link
Contributor Author

Mr. @serkanisyapan When will you review it ? Best Regards

@serkanisyapan
Copy link
Collaborator

Kusura bakma çok zamanım yoktu çok yakında bakacağım. Başka bir sayfaya başlamak istiyorsan başlayabilirsin

@halilxibrahim
Copy link
Contributor Author

Kusura bakma çok zamanım yoktu çok yakında bakacağım. Başka bir sayfaya başlamak istiyorsan başlayabilirsin

Hocam hiç sorun değil sadece sizin için sorun olmasın o yüzden bilgilendirmek istedim.

@alioguzhan alioguzhan requested review from alioguzhan and removed request for serkanisyapan October 9, 2024 13:13
@alioguzhan
Copy link
Member

Bunu ben aliyorum @serkanisyapan. En gec yarin review gelmis olur. Beklettik kusura bakmayin @halilxibrahim

@serkanisyapan
Copy link
Collaborator

İkinizde kusura bakmayın bu aralar hiç zamanım olmuyor. Çeviri işi çok arka planda kaldı kendi sayfama bile bakamadım doğru düzgün. 1-2 hafta içinde yapacağım bir kaç çeviri. Kolay gelsin herkese

Copy link
Member

@alioguzhan alioguzhan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tesekkurler. Iyilestirilebilecek yerleri belirttim. Tekrar uzerinden gecerseniz sonra merge edebiliriz.

@@ -1,57 +1,58 @@
---
title: Using TypeScript
title: TypeScript'i kullanma
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

kullanma -> Kullanmak (ilk harfi de buyutelim. tutarli olsun)

re: https://github.com/reactjs/react.dev/issues/5960
---

<Intro>

TypeScript is a popular way to add type definitions to JavaScript codebases. Out of the box, TypeScript [supports JSX](/learn/writing-markup-with-jsx) and you can get full React Web support by adding [`@types/react`](https://www.npmjs.com/package/@types/react) and [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) to your project.
TypeScript, JavaScript kod tabanlarına tür tanımları eklemenin popüler bir yoludur. TypeScript,kullanıma hazır olarak [JSX'i](/learn/writing-markup-with-jsx) destekler ve projenize [`@types/react`](https://www.npmjs.com/package/@types/react) ve [`@types/react-dom`](https://www.npmjs.com/package/@types/react-dom) ekleyerek tam React Web desteği alabilirsiniz.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

burada ve cevirinin geri kalaninda tür yerine tipi tercih edelim. Tur meslekte cok kullanilan bi kelime degil. Hatta ben hic duymadim. genelde tip, tipleri, tipleri yazalim vs denir.

* [Common types from `@types/react`](/learn/typescript/#useful-types)
* [Further learning locations](/learn/typescript/#further-learning)
* [React Bileşenleri ile TypeScript](/learn/typescript#typescript-with-react-components)
* [Hooks ile Tür Belirlemenin Örnekleri](/learn/typescript#example-hooks)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hook'larda tip kullanımına örnekler gibi bi ceviri daha iyi olabilir.

* [React Bileşenleri ile TypeScript](/learn/typescript#typescript-with-react-components)
* [Hooks ile Tür Belirlemenin Örnekleri](/learn/typescript#example-hooks)
* [`@types/react`dan Yaygın Türler](/learn/typescript/#useful-types)
* [ İleri Düzey Öğrenme Kaynakları](/learn/typescript/#further-learning)
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Buradaki further ileri duzeyden ziyade sonrasi icin, ek, ilave gibi bir anlamda. Bi kac oneri aklima gelen:

  • Ek Kaynaklar
  • Bundan sonrasi icin kaynaklar
  • Ilerisi icin kaynaklar

gibi.


</Note>

Writing TypeScript with React is very similar to writing JavaScript with React. The key difference when working with a component is that you can provide types for your component's props. These types can be used for correctness checking and providing inline documentation in editors.
React ile TypeScript yazmak, React ile JavaScript yazmaya çok benzer. Bir bileşenle çalışırken ana fark, bileşenin props’ları için türler sağlayabilmenizdir. Bu türler, doğruluk kontrolü yapmak ve editörlerde yerinde dokümantasyon sağlamak için kullanılabilir
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yerinde dokumantasyon yerine satir-ici dokumantasyon daha dogru olabilir.

@@ -80,19 +81,19 @@ export default App = AppTSX;

<Note>

These sandboxes can handle TypeScript code, but they do not run the type-checker. This means you can amend the TypeScript sandboxes to learn, but you won't get any type errors or warnings. To get type-checking, you can use the [TypeScript Playground](https://www.typescriptlang.org/play) or use a more fully-featured online sandbox.
Bu sandboxes TypeScript kodunu çalıştırabilir, ancak tür denetleyicisini çalıştırmaz. Bu, TypeScript sandboxes öğrenmek için değiştirebileceğiniz, ancak tür hataları veya uyarıları almayacağınız anlamına gelir. Tür denetimi almak için [TypeScript Playground](https://www.typescriptlang.org/play) kullanabilir veya daha tam özellikli bir çevrimiçi sandbox kullanabilirsiniz.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sandboxes -> sandboxlar


</Note>

This inline syntax is the simplest way to provide types for a component, though once you start to have a few fields to describe it can become unwieldy. Instead, you can use an `interface` or `type` to describe the component's props:
Bu yerinde sözdizimi, bir bileşen için türler sağlamanın en basit yoludur; ancak birkaç alan tanımlamaya başladığınızda karmaşık hale gelebilir. Bunun yerine, bileşenin props’larını tanımlamak için bir `interface` veya `type` kullanabilirsiniz:
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yerinde -> satirici
props'larini -> prop'larini

baska yerlerde de var bu kullanimlar. hepsini guncelleyebiliriz

## Further learning {/*further-learning*/}
## Daha Fazla Öğrenme {/*further-learning*/}

Bu rehber, TypeScript’i React ile kullanmanın temellerini kapsadı, ancak öğrenilecek daha çok şey var. Dokümanlardaki bireysel API sayfaları, TypeScript ile nasıl kullanılacağına dair daha derinlemesine belgeler içerebilir.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bu rehberde TypeScript'i React ile kullanmanın temelleri ele alındı daha bir ceviri olabilir.


This guide has covered the basics of using TypeScript with React, but there is a lot more to learn.
Individual API pages on the docs may contain more in-depth documentation on how to use them with TypeScript.
- [TypeScript el kitabu](https://www.typescriptlang.org/docs/handbook/) TypeScript için resmi belgelerdir ve çoğu ana dil özelliğini kapsar.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

  • typo u -> i.
  • kapsar -> ele alir ya da deginir. daha iyi olabilir.

Copy link
Member

@alioguzhan alioguzhan left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tesekkurler!

@alioguzhan alioguzhan merged commit a859334 into reactjs:main Oct 14, 2024
4 of 5 checks passed
@halilxibrahim
Copy link
Contributor Author

halilxibrahim commented Oct 14, 2024

@alioguzhan Hocam şöyle bir hata var gözümden kaçmış düzeltip yine bu branch push atıyım mı ? Ekran Resmi 2024-10-14 20 25 43

@alioguzhan
Copy link
Member

olur hocam buraya pushlayabilirsin tekrar. merge ederiz buradan. @halilxibrahim

@halilxibrahim
Copy link
Contributor Author

halilxibrahim commented Oct 15, 2024

Hocam pushladım ama yeni pr açmak durumunda kaldım pr: #571 bakarsanız sevinirim. Aksaklık için kusura bakmayın.

@alioguzhan
Copy link
Member

Ne demek. elinize saglik.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants