From e0a6ce328d77ccb91da121bb1898a7ecbdf367a4 Mon Sep 17 00:00:00 2001 From: Anil Date: Thu, 14 Feb 2019 01:37:47 +0100 Subject: [PATCH 1/7] Translate columns under the banner --- content/home/marketing/component-based.md | 6 +++--- content/home/marketing/declarative.md | 6 +++--- content/home/marketing/learn-once-write-anywhere.md | 6 +++--- 3 files changed, 9 insertions(+), 9 deletions(-) diff --git a/content/home/marketing/component-based.md b/content/home/marketing/component-based.md index aeb3c4de2..30b58c379 100644 --- a/content/home/marketing/component-based.md +++ b/content/home/marketing/component-based.md @@ -1,8 +1,8 @@ --- -title: Component-Based +title: Bileşen Tabanlı order: 1 --- -Build encapsulated components that manage their own state, then compose them to make complex UIs. +Kendi durum bilgilerini yöneten bileşenler geliştirin ve onları bir araya getirerek bileşik kullanıcı arayüzleri oluşturun. -Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. +Bileşen mantığı, taslaklar yerine JavaScript ile yazıldığı için, uygulamanız boyunca kolayca zengin veri iletebilir ve durum bilgilerini DOM dışında tutabilirsiniz. diff --git a/content/home/marketing/declarative.md b/content/home/marketing/declarative.md index c3b651902..d309628bc 100644 --- a/content/home/marketing/declarative.md +++ b/content/home/marketing/declarative.md @@ -1,8 +1,8 @@ --- -title: Declarative +title: Bildirimsel order: 0 --- -React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. +React, interaktif kullanıcı arayüzü geliştirmeyi acısız hale getirir. Siz uygulamanızdaki her durum için basit sayfalar tasarlayın. React, veriniz değiştinde sadece doğru bileşenleri verimli bir şekilde güncellesin ve oluştursun. -Declarative views make your code more predictable and easier to debug. +Bildirimsel sayfalar, kodunuzu daha öngörülebilir ve hata ayıklaması daha kolay hale getirir. diff --git a/content/home/marketing/learn-once-write-anywhere.md b/content/home/marketing/learn-once-write-anywhere.md index 009edf5bc..029ee498b 100644 --- a/content/home/marketing/learn-once-write-anywhere.md +++ b/content/home/marketing/learn-once-write-anywhere.md @@ -1,8 +1,8 @@ --- -title: Learn Once, Write Anywhere +title: Bir kere öğrenin, Her yerde yazın order: 2 --- -We don't make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. +Kullandığınız diğer teknolojilerle ilgili varsayımlar yapmıyoruz. Bu nedenle yeni özellikleri, mevcut kodunuzu baştan yazmadan React ile geliştirebilirsiniz. -React can also render on the server using Node and power mobile apps using [React Native](https://facebook.github.io/react-native/). +Aynı zamanda React, Node kullanarak sunucu tarafında sayfa oluşturabilir ve [React Native](https://facebook.github.io/react-native/) ile mobil uygulamalara güç sağlar. From 89d7aabf972c40a759e63f71dc6271319324d87f Mon Sep 17 00:00:00 2001 From: Anil Date: Thu, 14 Feb 2019 01:38:19 +0100 Subject: [PATCH 2/7] Translate first two examples under columns --- content/home/examples/a-simple-component.md | 6 +++--- content/home/examples/a-stateful-component.md | 4 ++-- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/content/home/examples/a-simple-component.md b/content/home/examples/a-simple-component.md index d791856d4..9debc14c2 100644 --- a/content/home/examples/a-simple-component.md +++ b/content/home/examples/a-simple-component.md @@ -1,9 +1,9 @@ --- -title: A Simple Component +title: Basit Bir Bileşen order: 0 domid: hello-example --- -React components implement a `render()` method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by `render()` via `this.props`. +React bileşenleri, girdi verileri alan ve ne gösterileceğini dönen bir `render()` methodu sağlar. Bu örnekte, XML benzeri bir sentaks olan JSX kullanılıyor. Bileşene iletilen girdi verilerine, `render()` methodunda `this.props` aracılığıyla ulaşılabilir. -**JSX is optional and not required to use React.** Try the [Babel REPL](babel://es5-syntax-example) to see the raw JavaScript code produced by the JSX compilation step. +**JSX kullanımı, React kullanmak için zorunlu değildir.** JSX derleme adımı ile üretilen ham JavaScript kodunu görmek için [Babel REPL](babel://es5-syntax-example)'i deneyin. \ No newline at end of file diff --git a/content/home/examples/a-stateful-component.md b/content/home/examples/a-stateful-component.md index a68ab0a51..f654cd9e7 100644 --- a/content/home/examples/a-stateful-component.md +++ b/content/home/examples/a-stateful-component.md @@ -1,7 +1,7 @@ --- -title: A Stateful Component +title: Durumlu Bir Bileşen order: 1 domid: timer-example --- -In addition to taking input data (accessed via `this.props`), a component can maintain internal state data (accessed via `this.state`). When a component's state data changes, the rendered markup will be updated by re-invoking `render()`. +Bir bileşen, girdi verileri (`this.props` ile ulaşılabilir) almanın yanı sıra, dahili durum verilerini (`this.state` ile ulaşılabilir) yönetebilir. Bir bileşenin durum verileri değiştiğinde, oluşturulan görüntü `render()` methodunun tekrar çağırılması ile güncellenecektir. From 122613b41b37abb9239d0cace4285f6b5c9d2f27 Mon Sep 17 00:00:00 2001 From: Anil Date: Tue, 26 Feb 2019 23:19:21 +0100 Subject: [PATCH 3/7] Translate src/pages/index.js --- src/pages/index.js | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/pages/index.js b/src/pages/index.js index 790efd439..5c7c8e43e 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -50,7 +50,7 @@ class Home extends Component { return (
@@ -133,7 +133,8 @@ class Home extends Component { fontSize: 30, }, }}> - A JavaScript library for building user interfaces + Kullanıcı arayüzü geliştirebileceğiniz bir JavaScript + kütüphanesi

- Get Started + Hemen Başla - Take the Tutorial + Öğreticiye Git @@ -285,7 +286,7 @@ class Home extends Component { - Get Started + Hemen Başla From ac050230b21420c8de18f07e9826c4737f8113bc Mon Sep 17 00:00:00 2001 From: Anil Date: Tue, 26 Feb 2019 23:23:23 +0100 Subject: [PATCH 4/7] Translate an-application.md --- content/home/examples/an-application.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/home/examples/an-application.md b/content/home/examples/an-application.md index 227d0621b..a03c2cea0 100644 --- a/content/home/examples/an-application.md +++ b/content/home/examples/an-application.md @@ -1,7 +1,7 @@ --- -title: An Application +title: Bir Uygulama order: 2 domid: todos-example --- -Using `props` and `state`, we can put together a small Todo application. This example uses `state` to track the current list of items as well as the text that the user has entered. Although event handlers appear to be rendered inline, they will be collected and implemented using event delegation. +`props` ve `state` kullanarak, küçük bir Todo uygulaması oluşturabiliriz. Bu örnekte `state`, hem maddelerin bulunduğu güncel listeyi hem de kullanıcının girmiş olduğu metni takip etmek için kullanılıyor. Olay yöneticileri, satıriçi oluşturuluyor gibi gözükmelerine rağmen, olay delagasyonu ile toplanıp gerçekleştirilir. From 303e6abe3e2a8f479d25d87d2d3912b692019aa9 Mon Sep 17 00:00:00 2001 From: Anil Date: Tue, 26 Feb 2019 23:49:14 +0100 Subject: [PATCH 5/7] Translate a-component-using-external-plugins.md --- content/home/examples/a-component-using-external-plugins.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/content/home/examples/a-component-using-external-plugins.md b/content/home/examples/a-component-using-external-plugins.md index 1c50c8718..035a295a0 100644 --- a/content/home/examples/a-component-using-external-plugins.md +++ b/content/home/examples/a-component-using-external-plugins.md @@ -1,7 +1,7 @@ --- -title: A Component Using External Plugins +title: Dış Eklentiler Kullanan Bir Bileşen order: 3 domid: markdown-example --- -React allows you to interface with other libraries and frameworks. This example uses **remarkable**, an external Markdown library, to convert the `