You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/create-a-new-react-app.md
+15-15Lines changed: 15 additions & 15 deletions
Original file line number
Diff line number
Diff line change
@@ -10,23 +10,23 @@ next: cdn-links.html
10
10
11
11
En iyi kullanıcı ve geliştirici deneyimi için tümleşik araç kullanın.
12
12
13
-
Bu sayfa görevlere yardımcı olan bazı popüler araçları anlatır.
13
+
Bu sayfa, görevlere yardımcı olan bazı popüler araçları anlatır.
14
14
15
15
* Birçok dosya ve bileşene ölçeklendirme.
16
-
*Npmden üçüncü parti kütüphanelerin kullanımı.
16
+
*Npm'den üçüncü parti kütüphanelerin kullanımı.
17
17
* Yaygın hataların erken farkedilmesi.
18
18
* JS ve CSS'in geliştirme anında canlı olarak güncellenmesi.
19
19
* Çıktının ürün için optimize edilmesi.
20
20
21
21
Bu sayfada tavsiye edilen araçlar **başlangıç için ayarlama gerektirmez**.
22
22
23
-
## Bir araca ihtiyacınız olmayabilir {#bir-araca-ihtiyaciniz-olmayabilir}
23
+
## Bir araca ihtiyacınız olmayabilir {#you-might-not-need-a-toolchain}
24
24
25
-
Eğer yukarıda anlatılan sorunlarla karşılaşmazsanız veya henüz kendinizi JavaScript araçları kullanmak konusunda rahat hissetmiyorsanız, [React'i yalın `<script>` etiketi ile HTML sayfasına eklemek](/docs/add-react-to-a-website.html)'i aklınızda bulundurun, isteğe bağlı [JSX ile birlikte](/docs/add-react-to-a-website.html#optional-try-react-with-jsx).
25
+
Eğer yukarıda anlatılan sorunlarla karşılaşmazsanız veya henüz kendinizi JavaScript araçları kullanmak konusunda rahat hissetmiyorsanız, [React'i yalın `<script>` etiketi ile HTML sayfasına eklemek](/docs/add-react-to-a-website.html) (isterseniz [JSX ile birlikte](/docs/add-react-to-a-website.html#optional-try-react-with-jsx)) seçeneğini aklınızda bulundurun.
26
26
27
-
Bu aynı zamanda **Hâlihazırda var olan websitesine React'i entegre etmenin en kolay yoludur.** Eğer yardımcı olabileceğini düşünüyorsanız, her zaman daha büyük bir araç ekleyebilirsiniz!
27
+
Bu aynı zamanda **Hâlihazırda var olan web sitesine React'i entegre etmenin en kolay yoludur.** Eğer yardımcı olabileceğini düşünüyorsanız, her zaman daha büyük bir araç ekleyebilirsiniz!
28
28
29
-
## Tavsiye Edilen Araçlar {#tavsiye-edilen-araclar}
29
+
## Tavsiye Edilen Araçlar {#recommended-toolchains}
30
30
31
31
React takımı öncelikli olarak şu çözümleri öneriyor:
32
32
@@ -59,29 +59,29 @@ Create React App, backend mantığı veya veritabanlarını idare etmez; sadece
59
59
60
60
### Next.js {#nextjs}
61
61
62
-
[Next.js](https://nextjs.org/) React ile **statik ve sunucu tarafından işlenen uygulamalar** geliştirmek için popüler ve hafif bir çatıdır. Kutunun dışında**stillendirme ve yönlendirme çözümleri** içerir, ve sunucu ortamı olarak [Node.js](https://nodejs.org/) kullandığınızı varsayar.
62
+
[Next.js](https://nextjs.org/) React ile **statik ve sunucu tarafından işlenen uygulamalar** geliştirmek için popüler ve hafif bir çatıdır. Hazır olarak**stillendirme ve yönlendirme çözümleri** içerir, ve sunucu ortamı olarak [Node.js](https://nodejs.org/) kullandığınızı varsayar.
[Gatsby](https://www.gatsbyjs.org/), React ile **statik web siteleri** geliştirmenin en iyi yoludur. React bileşenlerini kullanmanıza olanak sağlar, fakat çıktılar en hızlı yükleme süresini garantilemek için önceden (sunucu tarafında) işlenmiş HTML ve CSSdir.
68
+
[Gatsby](https://www.gatsbyjs.org/), React ile **statik web siteleri** geliştirmenin en iyi yoludur. React bileşenlerini kullanmanıza olanak sağlar, fakat en hızlı yükleme süresini garanti etmek için önceden işlenmiş HTML ve CSS çıktılarını verir.
69
69
70
70
Gatsby'i [resmi rehberinden](https://www.gatsbyjs.org/docs/) veya [yeni başlayanlar galerisinden](https://www.gatsbyjs.org/docs/gatsby-starters/) öğrenin.
71
71
72
-
### Daha Esnek Araçlar {#daha-esnek-araclar}
72
+
### Daha Esnek Araçlar {#more-flexible-toolchains}
73
73
74
74
Devamındaki araçlar daha fazla esneklik ve seçenek sunar. Bunları daha tecrübeli kullanıcılar için öneriyoruz:
75
75
76
-
-**[Neutrino](https://neutrinojs.org/)**[webpack](https://webpack.js.org/)'in gücünü ön ayarların sadeliği ile birleştirir, [React uygulamaları](https://neutrinojs.org/packages/react/) ve [React bileşenleri](https://neutrinojs.org/packages/react-components/) için bir ön ayar da içerir.
76
+
-**[Neutrino](https://neutrinojs.org/)**;[webpack](https://webpack.js.org/)'in gücünü ön ayarların sadeliği ile birleştirir, [React uygulamaları](https://neutrinojs.org/packages/react/) ve [React bileşenleri](https://neutrinojs.org/packages/react-components/) için bir ön ayar da içerir.
77
77
78
-
-**[nwb](https://github.com/insin/nwb)** Bilhassa [npm için React bileşenleri yayımlamak](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb) için mükemmeldir. React uygulamaları oluşturmak için de [kullanılabilir](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)
78
+
-**[nwb](https://github.com/insin/nwb)**; Bilhassa [npm için React bileşenleri yayımlamak](https://github.com/insin/nwb/blob/master/docs/guides/ReactComponents.md#developing-react-components-and-libraries-with-nwb) için mükemmeldir. React uygulamaları oluşturmak için de [kullanılabilir](https://github.com/insin/nwb/blob/master/docs/guides/ReactApps.md#developing-react-apps-with-nwb)
79
79
80
-
-**[Parcel](https://parceljs.org/)**[React ile çalışan](https://parceljs.org/recipes.html#react) hızlı, ayarlama gerektirmeyen bir web uygulama paketleyicisidir.
80
+
-**[Parcel](https://parceljs.org/)**;[React ile çalışan](https://parceljs.org/recipes.html#react), hızlı, ayarlama gerektirmeyen bir web uygulama paketleyicisidir.
81
81
82
-
-**[Razzle](https://github.com/jaredpalmer/razzle)** Hiç bir ayarlama gerektirmeyen bir sunucu tarafinda işleme çatısıdır, Next.jsdaha fazla esneklik sunar.
82
+
-**[Razzle](https://github.com/jaredpalmer/razzle)**; herhangi bir yapılandırma gerektirmeyen ancak Next.js'e göre daha fazla esneklik sunan, bir sunucu tarafinda işleme çatısıdır.
83
83
84
-
## Sıfırdan bir araç zinciri oluşturmak {#sifirdan-bir-arac-zinciri-olusturmak}
84
+
## Sıfırdan bir araç zinciri oluşturmak {#creating-a-toolchain-from-scratch}
85
85
86
86
Bir JavaScript derleme araç zinciri tipik olarak aşağıdakilerden oluşur:
87
87
@@ -91,6 +91,6 @@ Bir JavaScript derleme araç zinciri tipik olarak aşağıdakilerden oluşur:
91
91
92
92
* Bir **derleyici**[Babel](https://babeljs.io/) gibi. Bu, yazdığınız modern JavaScript kodunun eski tarayıcılarda da çalışmasını sağlar.
93
93
94
-
Eğer sıfırdan kendi JavaScript araç zincirinizi kurmayı tercih ederseniz, Bazı Create React App fonksiyonelliklerini yeniden oluşturan [şu rehbere bir göz atın](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658).
94
+
Eğer sıfırdan kendi JavaScript araç zincirinizi kurmayı tercih ederseniz, bazı Create React App fonksiyonelliklerini yeniden oluşturan [şu rehbere bir göz atın](https://blog.usejournal.com/creating-a-react-app-from-scratch-f3c693b84658).
95
95
96
96
Özel araç zincirinizin [ürün için doğru bir şekilde kurulduğunu](/docs/optimizing-performance.html#use-the-production-build) garanti altına almayı unutmayın.
0 commit comments