Skip to content

Commit bddf1df

Browse files
committed
Optimise all translations
1 parent 03191fc commit bddf1df

File tree

1 file changed

+23
-22
lines changed

1 file changed

+23
-22
lines changed

content/docs/static-type-checking.md

Lines changed: 23 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ next: refs-and-the-dom.html
1010

1111
## Flow {#flow}
1212

13-
[Flow](https://flow.org/), JavaScript kodunuz için bir statik tip denetleyicisidir. Facebook'ta geliştirilmiştir ve sıkça React ile birlikte kullanılır. Özel bir tip sözdizimiyle değişkenlerinizi, fonksiyonlarınızı ve React bileşenlerinizi açıklama şansı ve hataları erkenden yakalama şansı verir. [Flow'a giriş](https://flow.org/en/docs/getting-started/)i okuyarak temellerini öğrenebilirsiniz.
13+
[Flow](https://flow.org/), JavaScript kodunuz için bir statik tip denetleyicisidir. Facebook'ta geliştirilmiştir ve sıkça React ile birlikte kullanılır. Özel bir tip sözdizimiyle değişkenlerinizi, fonksiyonlarınızı ve React bileşenlerinizi açıklama ve hataları erkenden yakalama şansı verir. [Flow'a giriş](https://flow.org/en/docs/getting-started/)i okuyarak temellerini öğrenebilirsiniz.
1414

1515
Flow'u kullanmak için:
1616

@@ -22,7 +22,7 @@ Bu maddeleri aşağıda daha detaylı olarak açıklayacağız.
2222

2323
### Flow'u Bir Projeye Ekleme {#adding-flow-to-a-project}
2424

25-
Öncelikle, terminalde proje dizininize gidin. Sonra aşağıdaki komutu çalıştırmanız gerekecek:
25+
Öncelikle, terminalde proje dizininize gidin. Ardından, aşağıdaki komutu çalıştırmanız gerekecek:
2626

2727
Eğer [Yarn](https://yarnpkg.com/) kullanıyorsanız, bu komutu çalıştırın:
2828

@@ -69,21 +69,21 @@ Bu komut, sizin için commit etmeniz gereken bir Flow ayar dosyası oluşturacak
6969

7070
### Flow Sözdiziminin Derlenmiş Koddan Ayrılması {#stripping-flow-syntax-from-the-compiled-code}
7171

72-
Flow, JavaScript dilini tip açıklamaları için özel bir sözdizimi ile genişletir. Ancak, tarayıcılar bu sözdiziminden haberdar değildir. Bu güzden, onun tarayıcıya yollanan JavaScript demetinde yer almadığından emin olmalıyız.
72+
Flow, JavaScript dilini tip açıklamaları için özel bir sözdizimi yardımıyla genişletir. Ancak, tarayıcılar bu sözdiziminden haberdar değildir. Bu yüzden, onun tarayıcıya yollanan JavaScript demetinde yer almadığından emin olmalıyız.
7373

7474
Bunun tam olarak nasıl sağlandığı, JavaScript'i derlemek için kullandığınız araca bağlıdır.
7575

7676
#### Create React App {#create-react-app}
7777

78-
Eğer projeniz [Create React App](https://github.com/facebookincubator/create-react-app) ile oluşturulduysa, tebrikler! Flow açıklamaları zaten öntanımlı olarak saf dışı bırakılmıştır. Bu yüzden sizin bu adımda herhangi bir şey yapmanıza gerek yok.
78+
Eğer projeniz [Create React App](https://github.com/facebookincubator/create-react-app) ile oluşturulduysa, tebrikler! Flow açıklamaları zaten öntanımlı olarak saf dışı bırakılmıştır. Bu yüzden sizin bu adımda herhangi bir şey yapmanıza gerek kalmaz.
7979

8080
#### Babel {#babel}
8181

8282
>Not:
8383
>
84-
> Bu talimatlar Create React App kullanıcıları için *değildir*. Create React App özünde Babel kullanıyor olsa da, o zaten Flow'u anlayacak şekilde ayarlanmıştır. Bu adımı sadece eğer Create React App *kullanmıyorsanız* takip ediniz.
84+
>Bu talimatlar Create React App kullanıcıları için *değildir*. Create React App özünde Babel kullanıyor olsa da, zaten Flow'u anlayacak şekilde ayarlanmıştır. Bu adımı sadece eğer Create React App *kullanmıyorsanız* takip ediniz.
8585
86-
Eğer projenizi Babel kullanmak üzere elle ayarladıysanız, Flow için özel bir önayar yüklemeniz gerekmektedir.
86+
Eğer projenizi Babel kullanmak üzere elle ayarladıysanız, Flow için özel bir ön ayar yüklemeniz gerekmektedir.
8787

8888
Eğer yarn kullanıyorsanız, bu komutu çalıştırın:
8989

@@ -96,6 +96,7 @@ Eğer npm kullanıyorsanız, bu komutu çalıştırın:
9696
```bash
9797
npm install --save-dev babel-preset-flow
9898
```
99+
99100
Ardından, `flow` ön ayarını [Babel ayarlarınıza](https://babeljs.io/docs/usage/babelrc/) ekleyin. Örneğin, eğer Babel'i `.babelrc` ile ayarlıyorsanız, şöyle görünebilir:
100101

101102
```js{3}
@@ -111,11 +112,11 @@ Bu size Flow sözdizimini kodunuzda kullanma fırsatı tanır.
111112

112113
>Not:
113114
>
114-
>Flow, `react` ön ayarına ihtiyaç duymaz, ancak ikisi genellikle birlikte kullanılır. Flow, JSX sözdizimini kendiliğinden anlayabilir.
115+
>Flow, `react` ön ayarına ihtiyaç duymaz ancak ikisi genellikle birlikte kullanılır. Flow, JSX sözdizimini kendiliğinden anlayabilir.
115116
116117
#### Diğer İnşa Ayarları {#other-build-setups}
117118

118-
Eğer Create React App veya Babel'den birini kullanmıyorsanırz, [flow-remove-types](https://github.com/flowtype/flow-remove-types) kullanarak tip açıklamalarını ayırabilirsiniz.
119+
Eğer Create React App veya Babel'den birini kullanmıyorsanırz, [flow-remove-types](https://github.com/flowtype/flow-remove-types) kullanarak tip açıklamalarını kodunuzdan ayırabilirsiniz.
119120

120121
### Flow'u Çalıştırmak {#running-flow}
121122

@@ -146,9 +147,9 @@ No errors!
146147
// @flow
147148
```
148149

149-
Bu, genellike dosyanın en üstünde yer alır. Flow'un hiç sorun bulup bulmadığını görmek için, projenizdeki bazı dosyalara eklemeyi ve `yarn flow` veya `npm run flow` komutlarını çalıştırmayı deneyin.
150+
Bu, bir dosyanın genellike en üstünde yer alır. Flow'un hiç sorun bulup bulmadığını görmek için, projenizdeki bazı dosyalara eklemeyi ve `yarn flow` veya `npm run flow` komutlarını çalıştırmayı deneyin.
150151

151-
Bunun yanında, Flow'u açıklamaya bağlı olmadan *tüm* dosyaları denetlemeye zorlamanın [bir yolu daha](https://flow.org/en/docs/config/options/#toc-all-boolean) var. Eski projeleriniz için biraz fazla olabilir, ancak yeni başlanan bir projelede Flow ile tip denetimi isterseniz mantıklı olur.
152+
Bunun yanında, Flow'u açıklamadan bağımsız olarak *tüm* dosyaları denetlemeye zorlamanın [bir yolu daha](https://flow.org/en/docs/config/options/#toc-all-boolean) var. Bu eski projeleriniz için biraz fazla olabilir, ancak yeni başlanan bir projelede Flow ile tip denetimi yapmak isterseniz, bu mantıklı olur.
152153

153154
Artık hazırsınız! Flow hakkında daha fazla bilgi için aşağıdaki kaynaklara da bir göz atmanızı öneririz:
154155

@@ -159,7 +160,7 @@ Artık hazırsınız! Flow hakkında daha fazla bilgi için aşağıdaki kaynakl
159160

160161
## TypeScript {#typescript}
161162

162-
[TypeScript](https://www.typescriptlang.org/), Microsoft tarafından geliştirilmiş bir yazılım dilidir. JavaScript'in bir üst kümesidir ve kendi derleyicisi vardır. TypeScript tipli bir programlama dili olduğundan, hataları ve sorunları inşa sırasında, uygulamanız canlıya geçmeden çok önce yakalayabilir. React'i TypeScript ile kullanma hakkında [buradan](https://github.com/Microsoft/TypeScript-React-Starter#typescript-react-starter) daha fazla bilgiye ulaşabilirsiniz.
163+
[TypeScript](https://www.typescriptlang.org/), Microsoft tarafından geliştirilmiş bir yazılım dilidir. JavaScript'in bir üst kümesidir ve kendi derleyicisi vardır. TypeScript tipli bir programlama dili olduğundan, hataları ve sorunları inşa sırasında, uygulamanız canlıya geçmeden çok önce yakalayabilir. React'i TypeScript ile kullanmak hakkında [buradan](https://github.com/Microsoft/TypeScript-React-Starter#typescript-react-starter) daha fazla bilgiye ulaşabilirsiniz.
163164

164165
TypeScript'i kullanmak için:
165166
* TypeScript'i projenize bir bağımlılık olarak eklemeye
@@ -200,7 +201,7 @@ Eğer [npm](https://www.npmjs.com/) kullanıyorsanız, bu komutu çalıştırın
200201
```bash
201202
npm install --save-dev typescript
202203
```
203-
Tebrikler! TypeScript'in en güncel sürümünü projenize yüklediniz. TypeScript'i yüklemek bize `tsc` komutuna erişim sağlıyor. Ayarlamadan önce, gelin `tsc`'yi `package.json`'umuzun "script" kısmına ekleyelim:
204+
Tebrikler! TypeScript'in en güncel sürümünü projenize yüklediniz. TypeScript'i yüklemek bize `tsc` komutuna erişim sağlıyor. Ayarlamadan önce, gelin `tsc`'yi `package.json`'umuzun "scripts" kısmına ekleyelim:
204205

205206
```js{4}
206207
{
@@ -233,7 +234,7 @@ Yeni oluşturduğumuz `tsconfig.json`'a baktığımızda, derleyiciyi ayarlayabi
233234
Biz, bu birçok seçenekten `rootDir` ve `outDir`'e bakacağız. Kendinden beklendiği gibi derleyici, typescript dosyalarını javascript dosyalarına dönüştürecek. Ancak biz, kendi kaynak dosyalarımızla üretilmiş dosyaların karışmasını istemiyoruz.
234235

235236
Bunu iki adımda çözeceğiz:
236-
* İlk olarak, gelin proje yapımızı şu sekilde düzenleyelim. Tüm kaynak kodlarımızı `src` dizinine koyacağız.
237+
* İlk olarak, gelin proje yapımızı aşağıdaki şekilde düzenleyelim. Tüm kaynak kodlarımızı `src` dizinine koyacağız.
237238

238239
```
239240
├── package.json
@@ -255,12 +256,12 @@ Bunu iki adımda çözeceğiz:
255256
},
256257
}
257258
```
258-
Harika! Şimdi inşa betiğimizi çalıştırdığımızda, derleyici üretilen javascript'i `build` dizinine koyacak. [TypeScript React Starter](https://github.com/Microsoft/TypeScript-React-Starter/blob/master/tsconfig.json) başlangıç için iyi bir kurallar bütününü size sunuyor.
259+
Harika! Şimdi inşa betiğimizi çalıştırdığımızda, derleyici üretilen javascript'i `build` dizinine koyacak. Ayrıca [TypeScript React Starter](https://github.com/Microsoft/TypeScript-React-Starter/blob/master/tsconfig.json), başlangıç için uygun bir kurallar bütününü size sunuyor.
259260

260261
Genellikle üretilen javascript'i kaynak kontrolünüzde tutmak istemezsiniz. Bu yüzden, `build` dizininizi `.gitignore` dosyanıza eklediğinizden emin olun.
261262

262263
### Dosya uzantıları {#file-extensions}
263-
React'te bileşenlerinizi muhtemelen bir `.js` dosyasına yazıyorsunuz. TypeScript'te iki dosya uzantımız var:
264+
React'te bileşenlerinizi muhtemelen bir `.js` dosyasına yazıyorsunuzdur. TypeScript'te ise iki dosya uzantımız var:
264265

265266
`.ts` öntanımlı dosya uzantısıyken, `.tsx` ise `JSX` içeren dosyalar için kullanılan özel bir dosya uzantısıdır.
266267

@@ -280,11 +281,11 @@ Eğer bir çıktı görmüyorsanız kodunuz başarılı olarak derlenmiş demekt
280281

281282

282283
### Tip Tanımlamaları {#type-definitions}
283-
Derleyici, diğer paketlerdeki hataları ve ipuçlarını göstermek için beyan dosyalarına ihtiyaç duyar. Beyan dosyası, bir kütüphane hakkındaki tüm tip bilgilerini sağlar. Bu bize javascript kütüphanelerini tıpkı npm gibi kullanma imkanını sunar.
284+
Derleyici, diğer paketlerdeki hataları ve ipuçlarını göstermek için beyan dosyalarına ihtiyaç duyar. Beyan dosyası, bir kütüphane hakkındaki tüm tip bilgilerini sağlar. Bu bize javascript kütüphanelerini tıpkı npm gibi kullanma imkanını verir.
284285

285286
Bir kütüphane için beyana ulaşmanın iki yolu vardır:
286287

287-
__Paket__ - Kütüphane kendi beyan dosyasını tanımlar. Bu, tüm yapmamız gerekenin yalnızca kütüphaneyi yüklemek olması ve onu anında kullanmamızı sağladığı için bizim için harikadır. Bir kütüphanenin tiplerinin paketli olup olmadığını denetlemek için projenizde bir `index.d.ts` dosyasının olup olmadığına bakın. Kimi kütüphaneler bunu kendi `package.json` dosyalarında, `typings` veya `types` alanında belirtirler.
288+
__Demet__ - Kütüphaneler kendi beyan dosyasını tanımlar. Bu, tüm yapmamız gerekenin yalnızca kütüphaneyi yüklemek olması ve onu anında kullanmamızı sağladığı için bizim için harikadır. Bir kütüphanenin tiplerinin demetli olup olmadığını denetlemek için projenizde bir `index.d.ts` dosyasının olup olmadığına bakın. Kimi kütüphaneler bunu kendi `package.json` dosyalarında, `typings` veya `types` alanında belirtirler.
288289

289290
__[DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped)__ - DefinitelyTyped, beyan dosyalarını paketli olarak ulaştırmayan kütüphaneler için kocaman bir beyan deposudur. Beyanlar, kitle kaynaklıdır ve Microsoft ve açık kaynak katkıcılar tarafından yönetilir. Örneğin React kendi beyan dosyasını paketlemez. Bunun yerine onu DefinitelyTyped'dan alabiliriz. Bunun için aşağıdaki komutu terminale girin:
290291

@@ -297,7 +298,7 @@ npm i --save-dev @types/react
297298
```
298299

299300
__Yerel Tanımlamalar__
300-
Bazen kullanmak istediğiniz kütüphane beyanlarını ne paketli halde sunar, ne de onlar DefinitelyTyped'ta mevcuttur. Bu durumda yerel bir beyan dosyamız olabilir. Bunun için kaynak dizininizin kökünde `declarations.d.ts` dosyasını oluşturun. Basit bir beyan dosyası şöyle görünebilir:
301+
Bazen kullanmak istediğiniz kütüphanenin beyanları ne demetli halde sunulur, ne de DefinitelyTyped'ta mevcuttur. Bu durumda yerel bir beyan dosyamız olabilir. Bunun için kaynak dizininizin kökünde `declarations.d.ts` dosyasını oluşturun. Basit bir beyan dosyası şöyle görünebilir:
301302

302303
```typescript
303304
declare module 'querystring' {
@@ -313,15 +314,15 @@ declare module 'querystring' {
313314
314315
## Reason {#reason}
315316
316-
[Reason](https://reasonml.github.io/) yeni bir dil değil, güvenilirliği kanıtlanmış [OCaml](https://ocaml.org/) ile güçlendirilen yeni bir sözdizimi ve araçlar zincidir. Reason, OCaml'a JavaScript programcılarına yönelik bilindik bir sözdizimi verir ve mevcut NPM/Yarn iş akışlarına hakim kişilerin ihtiyaçlarını karşılar.
317+
[Reason](https://reasonml.github.io/) yeni bir dil değil, güvenilirliği zaten kanıtlanmış olan [OCaml](https://ocaml.org/) ile güçlendirmiş yeni bir sözdizimi ve araçlar zincidir. Reason, OCaml'a JavaScript programcılarına yönelik bilindik bir sözdizimi verir ve mevcut NPM/Yarn iş akışlarına hakim kişilerin ihtiyaçlarını karşılar.
317318
318-
Reason Facebook'ta geliştirilmekte ve Messenger gibi kimi ürünlerinde kullanılmaktadır. Hala biraz deneyseldir ama Facebook tarafından sürdürülen, [React'e adanmış bağlamaları](https://reasonml.github.io/reason-react/) ve [enerjik bir topluluğu](https://reasonml.github.io/docs/en/community.html) vardır.
319+
Reason Facebook'ta geliştirilmekte ve Messenger gibi kimi ürünlerinde kullanılmaktadır. Hala biraz deneyseldir ama Facebook tarafından sürdürülen [React'e adanmış bağlamaları](https://reasonml.github.io/reason-react/) ve [enerjik bir topluluğu](https://reasonml.github.io/docs/en/community.html) vardır.
319320
320321
## Kotlin {#kotlin}
321322
322-
[Kotlin](https://kotlinlang.org/) JetBrains tarafından geliştirilmiş statik tipli bir dildir. Hedef platformları arasında JVM, Android, LLVM ve [JavaScript](https://kotlinlang.org/docs/reference/js-overview.html) bulunur.
323+
[Kotlin](https://kotlinlang.org/), JetBrains tarafından geliştirilmiş statik tipli bir dildir. Hedef platformları arasında JVM, Android, LLVM ve [JavaScript](https://kotlinlang.org/docs/reference/js-overview.html) bulunur.
323324
324-
JetBrains React topluluğu için özel olarak kimi araçlar geliştirmekte ve bakımlarını yapmaktadır: [React bağlamaları](https://github.com/JetBrains/kotlin-wrappers) ve [Create React Kotlin App](https://github.com/JetBrains/create-react-kotlin-app). Sonraki, Kotlin uygulamalarını hiçbir inşa ayarına ihtiyaç duymadan React ile yazmanıza yardımcı olur.
325+
JetBrains React topluluğu için özel olarak kimi araçlar geliştirmekte ve bakımlarını yapmaktadır: [React bağlamaları](https://github.com/JetBrains/kotlin-wrappers) ve [Create React Kotlin App](https://github.com/JetBrains/create-react-kotlin-app). Bunlardan ikincisi, Kotlin uygulamalarını hiçbir inşa ayarına ihtiyaç duymadan React ile yazmanıza yardımcı olur.
325326
326327
## Diğer Diller {#other-languages}
327328
JavaScript'e derlenebilen ve dolayısıyla React'e uyumlu başka statik tipli diller diller de mevcuttur; örneğin [elmish-react](https://elmish.github.io/react)'li [F#/Fable](https://fable.io/). Daha fazla bilgi için sitelerini ziyaret edin ve React ile çalışan diğer statik tipli dilleri de bu sayfaya eklemekten çekinmeyin.

0 commit comments

Comments
 (0)