Translate Home Page

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 `<textarea>`'s value in real time.
+React, başka kütüphaneler ve frameworkleri arayüz olarak kullanmanıza olanak sağlar. Bu örnek, `<textarea>` değerini anlık dönüştürmek amacıyla, bir Markdown kütüphanesi olan **remarkable**'ı kullanmaktadır. 

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.

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.

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.

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.

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.

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.

src/pages/index.js

@@ -50,7 +50,7 @@ class Home extends Component {
     return (
       <Layout location={location}>
         <TitleAndMetaTags
-          title="React &ndash; A JavaScript library for building user interfaces"
+          title="React &ndash; Kullanıcı arayüzü geliştirebileceğiniz bir JavaScript kütüphanesi"
           ogUrl={createOgUrl('index.html')}
         />
         <div css={{width: '100%'}}>
@@ -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
                   </p>
                   <Flex
                     valign="center"
@@ -148,12 +149,12 @@ class Home extends Component {
                       <ButtonLink
                         to="/docs/getting-started.html"
                         type="primary">
-                        Get Started
+                        Hemen Başla
                       </ButtonLink>
                     </CtaItem>
                     <CtaItem>
                       <ButtonLink to="/tutorial/tutorial.html" type="secondary">
-                        Take the Tutorial
+                        Öğreticiye Git
                       </ButtonLink>
                     </CtaItem>
                   </Flex>
@@ -285,12 +286,12 @@ class Home extends Component {
               <Flex valign="center">
                 <CtaItem>
                   <ButtonLink to="/docs/getting-started.html" type="primary">
-                    Get Started
+                    Hemen Başla
                   </ButtonLink>
                 </CtaItem>
                 <CtaItem>
                   <ButtonLink to="/tutorial/tutorial.html" type="secondary">
-                    Take the Tutorial
+                    Öğreticiye Git
                   </ButtonLink>
                 </CtaItem>
               </Flex>