|
1 | 1 | ---
|
2 |
| -title: Installation |
| 2 | +title: Kurulum |
3 | 3 | ---
|
4 | 4 |
|
5 | 5 | <Intro>
|
6 | 6 |
|
7 |
| -React has been designed from the start for gradual adoption, and you can use as little or as much React as you need. Whether you want to get a taste of React, add some interactivity to an HTML page, or start a complex React-powered app, this section will help you get started. |
| 7 | +React, baştan sona aşamalı olarak benimsenmesi için tasarlandı. React’i ihtiyacınız kadar az veya çok kullanabilirsiniz. React'in tadına bakmak, basit bir HTML sayfasına biraz etkileşim eklemek veya karmaşık bir React destekli uygulamaya başlamak istiyorsanız, bu bölüm başlamanıza yardımcı olacaktır. |
8 | 8 |
|
9 | 9 | </Intro>
|
10 | 10 |
|
11 | 11 | <YouWillLearn>
|
12 | 12 |
|
13 |
| -* [How to add React to an HTML page](/learn/add-react-to-a-website) |
14 |
| -* [How to start a standalone React project](/learn/start-a-new-react-project) |
15 |
| -* [How to set up your editor](/learn/editor-setup) |
16 |
| -* [How to install React Developer Tools](/learn/react-developer-tools) |
| 13 | +* [Bir HTML sayfasına React nasıl eklenir](/learn/add-react-to-a-website) |
| 14 | +* [Bağımsız bir React projesine nasıl başlanır](/learn/start-a-new-react-project) |
| 15 | +* [Editörünüzü nasıl kurarsınız](/learn/editor-setup) |
| 16 | +* [React Developer Tools nasıl kurulur](/learn/react-developer-tools) |
17 | 17 |
|
18 | 18 | </YouWillLearn>
|
19 | 19 |
|
20 |
| -## Try React {/*try-react*/} |
| 20 | +## React'i deneyin {/*try-react*/} |
21 | 21 |
|
22 |
| -You don't need to install anything to play with React. Try editing this sandbox! |
| 22 | +React ile vakit geçirmek için herhangi bir şey yüklemeniz gerekmez. Bu çevrimiçi kod oyun alanını düzenlemeyi deneyin! |
23 | 23 |
|
24 | 24 | <Sandpack>
|
25 | 25 |
|
26 | 26 | ```js
|
27 | 27 | function Greeting({ name }) {
|
28 |
| - return <h1>Hello, {name}</h1>; |
| 28 | + return <h1>Selam, {name}</h1>; |
29 | 29 | }
|
30 | 30 |
|
31 | 31 | export default function App() {
|
32 |
| - return <Greeting name="world" /> |
| 32 | + return <Greeting name="Yunus" /> |
33 | 33 | }
|
34 | 34 | ```
|
35 | 35 |
|
36 | 36 | </Sandpack>
|
37 | 37 |
|
38 |
| -We use sandboxes throughout these docs as teaching aids. Sandboxes can help familiarize you with how React works and help you decide if React is right for you. Outside of the React documentation, there are many online sandboxes that support React: for example, [CodeSandbox](https://codesandbox.io/s/new), [Stackblitz](https://stackblitz.com/fork/react), or [CodePen]( |
| 38 | +Çevrimiçi kod oyun alanlarını bu dokümanlarda eğitim yardımcıları olarak kullanıyoruz. Çevrimiçi kod oyun alanları, React'in nasıl çalıştığını anlamanıza ve React'in sizin için doğru olup olmadığı konusunda karar vermenize yardımcı olabilir. React dokümanlarının dışında, React'i destekleyen birçok çevrimiçi kod oyun alan var: örneğin, [CodeSandbox](https://codesandbox.io/s/new), [Stackblitz](https://stackblitz.com/fork/react), veya [CodePen]( |
39 | 39 | https://codepen.io/pen/?template=wvdqJJm).
|
40 | 40 |
|
41 |
| -### Try React locally {/*try-react-locally*/} |
| 41 | +### Lokalde React'i deneyin {/*try-react-locally*/} |
42 | 42 |
|
43 |
| -To try React locally on your computer, [download this HTML page](https://github.com/raw/reactjs/reactjs.org/main/static/html/single-file-example.html). Open it in your editor and in your browser! |
| 43 | +React'i bilgisayarınızda lokal olarak denemek için, [bu HTML sayfasını indirın](https://github.com/raw/reactjs/reactjs.org/main/static/html/single-file-example.html). Editörünüzde ve tarayıcınızda açın! |
44 | 44 |
|
45 |
| -## Add React to a page {/*add-react-to-a-page*/} |
| 45 | +## Bir sayfaya React ekleyin {/*add-react-to-a-page*/} |
46 | 46 |
|
47 |
| -If you're working with an existing site and just need to add a little bit of React, you can [add React with a script tag.](/learn/add-react-to-a-website) |
| 47 | +Mevcut bir site üzerinde çalışıyorsanız ve biraz React eklemeniz gerekiyorsa, [bir script etiketi ile React ekleyebilirsiniz.](/learn/add-react-to-a-website) |
48 | 48 |
|
49 |
| -## Start a React project {/*start-a-react-project*/} |
| 49 | +## Bir React projesi oluşturun {/*start-a-react-project*/} |
50 | 50 |
|
51 |
| -If you're ready to [start a standalone project](/learn/start-a-new-react-project) with React, you can set up a minimal toolchain for a pleasant developer experience. You can also start with a framework that makes a lot of decisions for you out of the box. |
| 51 | +Eğer [bağımsız bir React projesine](/learn/start-a-new-react-project) başlamaya hazırsanız, tatlı bir geliştirici deneyimi için minimal bir araç zinciri kurabilirsiniz. Ayrıca, halihazırda sizin için birçok karar veren bir çatı ile de başlayabilirsiniz. |
52 | 52 |
|
53 |
| -## Next steps {/*next-steps*/} |
| 53 | +## Sonraki adımlar {/*next-steps*/} |
54 | 54 |
|
55 |
| -Where you start depends on how you like to learn, what you need to accomplish, and where you want to go next! Why not read [Thinking in React](/learn/thinking-in-react)--our introductory tutorial? Or you can jump to [Describing the UI](/learn/describing-the-ui) to play with more examples and learn each topic step by step. There is no wrong way to learn React! |
| 55 | +Nereden başlayacağınız, nasıl öğrenmek istediğinize, neyi başarmanız gerektiğine ve bir sonraki adımda nereye gitmek istediğinize bağlıdır! Neden giriş eğitimimiz olan [React'te Düşünmek](/learn/thinking-in-react) ile başlamıyorsunuz? Veya daha fazla örnekle oynamak ve adım adım her konuyu öğrenmek için [Kullanıcı Arayüzünü Tanımlamak](/learn/describing-the-ui) bölümüne atlayabilirsiniz. React'i öğrenmek için yanlış bir yol yok! |
0 commit comments