From b604130fd0b01aa4f7dece5cd1e197c031ff7c4f Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:31:22 +0300 Subject: [PATCH 01/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 87110a71a..b367307bf 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -4,7 +4,7 @@ title: createElement -`createElement` lets you create a React element. It serves as an alternative to writing [JSX.](/learn/writing-markup-with-jsx) +`createElement` bir React elemanı oluşturmanızı sağlar. [JSX](/learn/writing-markup-with-jsx) yazmaya alternatif olarak hizmet eder. ```js const element = createElement(type, props, ...children) From d15e1431371910dbba2a14b04841a326e5f621fa Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:31:50 +0300 Subject: [PATCH 02/21] translate createElement page --- src/content/reference/react/createElement.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index b367307bf..298d43333 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -16,11 +16,11 @@ const element = createElement(type, props, ...children) --- -## Reference {/*reference*/} +## Başvuru Dokümanı {/*reference*/} ### `createElement(type, props, ...children)` {/*createelement*/} -Call `createElement` to create a React element with the given `type`, `props`, and `children`. +Verilen `type`, `props` ve `children` ile bir React elemanı oluşturmak için `createElement` çağrısı yapın. ```js import { createElement } from 'react'; From 0cd1a48e9750eba94c4b4eaf98477ada99e394da Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:32:07 +0300 Subject: [PATCH 03/21] translate createElement page --- src/content/reference/react/createElement.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 298d43333..96c1f4292 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -34,11 +34,11 @@ function Greeting({ name }) { } ``` -[See more examples below.](#usage) +[Aşağıda daha fazla örneğe bakın.](#usage) -#### Parameters {/*parameters*/} +#### Parametreler {/*parameters*/} -* `type`: The `type` argument must be a valid React component type. For example, it could be a tag name string (such as `'div'` or `'span'`), or a React component (a function, a class, or a special component like [`Fragment`](/reference/react/Fragment)). +* `type`: `type` argümanı geçerli bir React bileşen tipi olmalıdır. Örneğin, bir etiket adı dizesi (`'div'` veya `'span'` gibi) veya bir React bileşeni (bir fonksiyon, bir sınıf veya [`Fragment`](/reference/react/Fragment) gibi özel bir bileşen) olabilir. * `props`: The `props` argument must either be an object or `null`. If you pass `null`, it will be treated the same as an empty object. React will create an element with props matching the `props` you have passed. Note that `ref` and `key` from your `props` object are special and will *not* be available as `element.props.ref` and `element.props.key` on the returned `element`. They will be available as `element.ref` and `element.key`. From ac337961e2167b24e2baf22d70f89fc2d01f495b Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:32:22 +0300 Subject: [PATCH 04/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 96c1f4292..35b1c21f6 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -40,7 +40,7 @@ function Greeting({ name }) { * `type`: `type` argümanı geçerli bir React bileşen tipi olmalıdır. Örneğin, bir etiket adı dizesi (`'div'` veya `'span'` gibi) veya bir React bileşeni (bir fonksiyon, bir sınıf veya [`Fragment`](/reference/react/Fragment) gibi özel bir bileşen) olabilir. -* `props`: The `props` argument must either be an object or `null`. If you pass `null`, it will be treated the same as an empty object. React will create an element with props matching the `props` you have passed. Note that `ref` and `key` from your `props` object are special and will *not* be available as `element.props.ref` and `element.props.key` on the returned `element`. They will be available as `element.ref` and `element.key`. +* `props`: `props` bağımsız değişkeni ya bir nesne ya da `null` olmalıdır. Eğer `null` geçerseniz, boş bir nesneyle aynı muameleyi görecektir. React, ilettiğiniz `props` ile eşleşen prop'lara sahip bir eleman oluşturacaktır. `Props` nesnenizdeki `ref` ve `key` öğelerinin özel olduğunu ve döndürülen `element` üzerinde `element.props.ref` ve `element.props.key` olarak kullanılamayacağını *unutmayın. Bunlar `element.ref` ve `element.key` olarak mevcut olacaktır. * **optional** `...children`: Zero or more child nodes. They can be any React nodes, including React elements, strings, numbers, [portals](/reference/react-dom/createPortal), empty nodes (`null`, `undefined`, `true`, and `false`), and arrays of React nodes. From d48e12c5075082103b451d8d4077518c7a584bd1 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:32:39 +0300 Subject: [PATCH 05/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 35b1c21f6..7b9b1a6a4 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -42,7 +42,7 @@ function Greeting({ name }) { * `props`: `props` bağımsız değişkeni ya bir nesne ya da `null` olmalıdır. Eğer `null` geçerseniz, boş bir nesneyle aynı muameleyi görecektir. React, ilettiğiniz `props` ile eşleşen prop'lara sahip bir eleman oluşturacaktır. `Props` nesnenizdeki `ref` ve `key` öğelerinin özel olduğunu ve döndürülen `element` üzerinde `element.props.ref` ve `element.props.key` olarak kullanılamayacağını *unutmayın. Bunlar `element.ref` ve `element.key` olarak mevcut olacaktır. -* **optional** `...children`: Zero or more child nodes. They can be any React nodes, including React elements, strings, numbers, [portals](/reference/react-dom/createPortal), empty nodes (`null`, `undefined`, `true`, and `false`), and arrays of React nodes. +* **isteğe bağlı** `...children`: Sıfır veya daha fazla alt node. React öğeleri, strings, numbers, [portallar](/reference/react-dom/createPortal), boş node'lar (`null`, `undefined`, `true` ve `false`) ve React node'larının dizileri dahil olmak üzere herhangi bir React node'u olabilirler. #### Returns {/*returns*/} From 71d0a2c3ddadf49d63d5913a4eae5efebecaa5ef Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:32:56 +0300 Subject: [PATCH 06/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 7b9b1a6a4..fbea35409 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -46,7 +46,7 @@ function Greeting({ name }) { #### Returns {/*returns*/} -`createElement` returns a React element object with a few properties: +`createElement`, birkaç özelliğe sahip bir React element nesnesi döndürür: * `type`: The `type` you have passed. * `props`: The `props` you have passed except for `ref` and `key`. From b67bf6d431801d7613fef96cbb623943e8ab9ad0 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:33:14 +0300 Subject: [PATCH 07/21] translate createElement page --- src/content/reference/react/createElement.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index fbea35409..034d69daf 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -48,10 +48,10 @@ function Greeting({ name }) { `createElement`, birkaç özelliğe sahip bir React element nesnesi döndürür: -* `type`: The `type` you have passed. -* `props`: The `props` you have passed except for `ref` and `key`. -* `ref`: The `ref` you have passed. If missing, `null`. -* `key`: The `key` you have passed, coerced to a string. If missing, `null`. +* `type`: Geçtiğiniz `tip`. +* `props`: `ref` ve `key` dışında geçirdiğiniz `props`. +* `ref`: Geçtiğiniz `ref`. Eksikse, `null`. +* `key`: İlettiğiniz `anahtar` bir string'e zorlanır. Eksikse, `null`. Usually, you'll return the element from your component or make it a child of another element. Although you may read the element's properties, it's best to treat every element as opaque after it's created, and only render it. From fcd8a6b760f2b3e6a50793ddf3704f5a3e8e79fa Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:33:31 +0300 Subject: [PATCH 08/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 034d69daf..bc54a61c2 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -53,7 +53,7 @@ function Greeting({ name }) { * `ref`: Geçtiğiniz `ref`. Eksikse, `null`. * `key`: İlettiğiniz `anahtar` bir string'e zorlanır. Eksikse, `null`. -Usually, you'll return the element from your component or make it a child of another element. Although you may read the element's properties, it's best to treat every element as opaque after it's created, and only render it. +Genellikle, öğeyi bileşeninizden döndürür veya başka bir öğenin alt elemanı yaparsınız. Öğenin özelliklerini okuyabilseniz de, en iyisi her öğeyi oluşturulduktan sonra opak olarak ele almak ve yalnızca render etmektir. #### Caveats {/*caveats*/} From 2cb80264eb45d7d9193406dabc0ea1c4060c8096 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:33:56 +0300 Subject: [PATCH 09/21] translate createElement page --- src/content/reference/react/createElement.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index bc54a61c2..16deba4fe 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -55,9 +55,9 @@ function Greeting({ name }) { Genellikle, öğeyi bileşeninizden döndürür veya başka bir öğenin alt elemanı yaparsınız. Öğenin özelliklerini okuyabilseniz de, en iyisi her öğeyi oluşturulduktan sonra opak olarak ele almak ve yalnızca render etmektir. -#### Caveats {/*caveats*/} +#### Uyarılar {/*caveats*/} -* You must **treat React elements and their props as [immutable](https://en.wikipedia.org/wiki/Immutable_object)** and never change their contents after creation. In development, React will [freeze](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze) the returned element and its `props` property shallowly to enforce this. +* React öğelerine ve prop'larına [immutable](https://en.wikipedia.org/wiki/Immutable_object)** olarak davranmalı ve oluşturulduktan sonra içeriklerini asla değiştirmemelisiniz. Geliştirme sırasında, React bunu uygulamak için döndürülen öğeyi ve `props` özelliğini sığ bir şekilde [dondurur](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze). * When you use JSX, **you must start a tag with a capital letter to render your own custom component.** In other words, `` is equivalent to `createElement(Something)`, but `` (lowercase) is equivalent to `createElement('something')` (note it's a string, so it will be treated as a built-in HTML tag). From 6523a7d317d180d842fd1d586fa68bc5b5687d97 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:34:11 +0300 Subject: [PATCH 10/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 16deba4fe..89e947838 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -59,7 +59,7 @@ Genellikle, öğeyi bileşeninizden döndürür veya başka bir öğenin alt ele * React öğelerine ve prop'larına [immutable](https://en.wikipedia.org/wiki/Immutable_object)** olarak davranmalı ve oluşturulduktan sonra içeriklerini asla değiştirmemelisiniz. Geliştirme sırasında, React bunu uygulamak için döndürülen öğeyi ve `props` özelliğini sığ bir şekilde [dondurur](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/freeze). -* When you use JSX, **you must start a tag with a capital letter to render your own custom component.** In other words, `` is equivalent to `createElement(Something)`, but `` (lowercase) is equivalent to `createElement('something')` (note it's a string, so it will be treated as a built-in HTML tag). +* JSX kullandığınızda, **kendi özel bileşeninizi oluşturmak için bir etikete büyük harfle başlamalısınız.** Başka bir deyişle, `` `createElement(Something)` ile eşdeğerdir, ancak `` (küçük harf) `createElement('something')` ile eşdeğerdir (bunun bir dize olduğuna dikkat edin, bu nedenle yerleşik bir HTML etiketi olarak ele alınacaktır). * You should only **pass children as multiple arguments to `createElement` if they are all statically known,** like `createElement('h1', {}, child1, child2, child3)`. If your children are dynamic, pass the entire array as the third argument: `createElement('ul', {}, listItems)`. This ensures that React will [warn you about missing `key`s](/learn/rendering-lists#keeping-list-items-in-order-with-key) for any dynamic lists. For static lists this is not necessary because they never reorder. From f89ece97ae1da19e9d5960e6e0709fc2cc2281d1 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:34:28 +0300 Subject: [PATCH 11/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 89e947838..3844e9f3b 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -61,7 +61,7 @@ Genellikle, öğeyi bileşeninizden döndürür veya başka bir öğenin alt ele * JSX kullandığınızda, **kendi özel bileşeninizi oluşturmak için bir etikete büyük harfle başlamalısınız.** Başka bir deyişle, `` `createElement(Something)` ile eşdeğerdir, ancak `` (küçük harf) `createElement('something')` ile eşdeğerdir (bunun bir dize olduğuna dikkat edin, bu nedenle yerleşik bir HTML etiketi olarak ele alınacaktır). -* You should only **pass children as multiple arguments to `createElement` if they are all statically known,** like `createElement('h1', {}, child1, child2, child3)`. If your children are dynamic, pass the entire array as the third argument: `createElement('ul', {}, listItems)`. This ensures that React will [warn you about missing `key`s](/learn/rendering-lists#keeping-list-items-in-order-with-key) for any dynamic lists. For static lists this is not necessary because they never reorder. +* Alt elemanları `createElement` öğesine yalnızca **hepsi statik olarak biliniyorsa** birden fazla argüman olarak geçirmelisiniz, örneğin `createElement('h1', {}, child1, child2, child3)`. Alt elemanlarınız dinamikse, dizinin tamamını üçüncü bağımsız değişken olarak iletin: `createElement('ul', {}, listItems)`. Bu, React'in herhangi bir dinamik liste için [eksik `anahtar`lar hakkında sizi uyarmasını](/learn/rendering-lists#keeping-list-items-in-order-with-key) sağlar. Statik listeler için bu gerekli değildir çünkü asla yeniden sıralanmazlar. --- From ddfde58741310dd62990d03fd2771deab596d084 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:34:40 +0300 Subject: [PATCH 12/21] translate createElement page --- src/content/reference/react/createElement.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 3844e9f3b..5ab8d0815 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -65,9 +65,9 @@ Genellikle, öğeyi bileşeninizden döndürür veya başka bir öğenin alt ele --- -## Usage {/*usage*/} +## Kullanım {/*usage*/} -### Creating an element without JSX {/*creating-an-element-without-jsx*/} +### JSX olmadan öğe oluşturma {/*creating-an-element-without-jsx*/} If you don't like [JSX](/learn/writing-markup-with-jsx) or can't use it in your project, you can use `createElement` as an alternative. From cdaaca4fe83c8df04e9d7d39bc8edc518ffdcb1e Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:35:01 +0300 Subject: [PATCH 13/21] translate createElement page --- src/content/reference/react/createElement.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 5ab8d0815..8bd2e3387 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -69,9 +69,9 @@ Genellikle, öğeyi bileşeninizden döndürür veya başka bir öğenin alt ele ### JSX olmadan öğe oluşturma {/*creating-an-element-without-jsx*/} -If you don't like [JSX](/learn/writing-markup-with-jsx) or can't use it in your project, you can use `createElement` as an alternative. +[JSX](/learn/writing-markup-with-jsx)'i sevmiyorsanız veya projenizde kullanamıyorsanız, alternatif olarak `createElement` kullanabilirsiniz. -To create an element without JSX, call `createElement` with some type, props, and children: +JSX olmadan bir öğe oluşturmak için, `createElement` öğesini bazı type, props ve children ile çağırın: ```js [[1, 5, "'h1'"], [2, 6, "{ className: 'greeting' }"], [3, 7, "'Hello ',"], [3, 8, "createElement('i', null, name),"], [3, 9, "'. Welcome!'"]] import { createElement } from 'react'; From 8cb071e9e77da3ada1134df607ede97e3a082431 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:35:19 +0300 Subject: [PATCH 14/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 8bd2e3387..eef1b3733 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -87,7 +87,7 @@ function Greeting({ name }) { } ``` -The children are optional, and you can pass as many as you need (the example above has three children). This code will display a `

` header with a greeting. For comparison, here is the same example rewritten with JSX: +children isteğe bağlıdır ve ihtiyaç duyduğunuz kadarını geçebilirsiniz (yukarıdaki örnekte üç alt eleman vardır). Bu kod, bir selamlama içeren bir `

` başlığı görüntüleyecektir. Karşılaştırma için, aynı örnek JSX ile yeniden yazılmıştır: ```js [[1, 3, "h1"], [2, 3, "className=\\"greeting\\""], [3, 4, "Hello {name}. Welcome!"], [1, 5, "h1"]] function Greeting({ name }) { From eddc0b5f20701ccd61523d3c3668712cf934af96 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:35:47 +0300 Subject: [PATCH 15/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index eef1b3733..0054c62e0 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -99,7 +99,7 @@ function Greeting({ name }) { } ``` -To render your own React component, pass a function like `Greeting` as the type instead of a string like `'h1'`: +Kendi React bileşeninizi oluşturmak için, `'h1'` gibi bir string yerine type olarak `Greeting` gibi bir fonksiyon geçirin: ```js [[1, 2, "Greeting"], [2, 2, "{ name: 'Taylor' }"]] export default function App() { From e490c8b89b10566d3846fae0d716b2c6ebb4adab Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:36:01 +0300 Subject: [PATCH 16/21] translate createElement page --- src/content/reference/react/createElement.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 0054c62e0..5b4b22b2a 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -107,7 +107,7 @@ export default function App() { } ``` -With JSX, it would look like this: +JSX ile şu şekilde görünecektir: ```js [[1, 2, "Greeting"], [2, 2, "name=\\"Taylor\\""]] export default function App() { @@ -115,7 +115,7 @@ export default function App() { } ``` -Here is a complete example written with `createElement`: +İşte `createElement` ile yazılmış tam bir örnek: From 883cf5e2b3ec73770a67f18fbe7695dc688d72c7 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:36:44 +0300 Subject: [PATCH 17/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 5b4b22b2a..388c65f39 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -149,7 +149,7 @@ export default function App() { -And here is the same example written using JSX: +Ve işte JSX kullanılarak yazılmış aynı örnek: From f6afebf4f2183847664e7f6dc1e520e978b65f00 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:36:50 +0300 Subject: [PATCH 18/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 388c65f39..5785badb8 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -176,7 +176,7 @@ export default function App() { -Both coding styles are fine, so you can use whichever one you prefer for your project. The main benefit of using JSX compared to `createElement` is that it's easy to see which closing tag corresponds to which opening tag. +Her iki kodlama stilinde de sorun yoktur, bu nedenle projeniz için hangisini tercih ederseniz onu kullanabilirsiniz. JSX kullanmanın `createElement` ile karşılaştırıldığında ana faydası, hangi kapanış etiketinin hangi açılış etiketine karşılık geldiğini görmenin kolay olmasıdır. From 6330fa1ed9a17aef22d7d6bda4b3dfc45265adea Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:37:04 +0300 Subject: [PATCH 19/21] translate createElement page --- src/content/reference/react/createElement.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 5785badb8..7b7c8a0ec 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -180,9 +180,9 @@ Her iki kodlama stilinde de sorun yoktur, bu nedenle projeniz için hangisini te -#### What is a React element, exactly? {/*what-is-a-react-element-exactly*/} +#### React elementi tam olarak nedir? {/*what-is-a-react-element-exactly*/} -An element is a lightweight description of a piece of the user interface. For example, both `` and `createElement(Greeting, { name: 'Taylor' })` produce an object like this: +Bir öğe, kullanıcı arayüzünün bir parçasının hafif bir tanımıdır. Örneğin, hem `` hem de `createElement(Greeting, { name: 'Taylor' })` aşağıdaki gibi bir nesne üretir: ```js // Slightly simplified From 6df22741ccaafa4ac4d4f3db318aff6e94496085 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:37:20 +0300 Subject: [PATCH 20/21] translate createElement page --- src/content/reference/react/createElement.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 7b7c8a0ec..4f12d4d06 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -196,10 +196,10 @@ Bir öğe, kullanıcı arayüzünün bir parçasının hafif bir tanımıdır. } ``` -**Note that creating this object does not render the `Greeting` component or create any DOM elements.** +**Bu nesneyi oluşturmanın `Greeting` bileşenini oluşturmadığını veya herhangi bir DOM öğesi yaratmadığını unutmayın.** -A React element is more like a description--an instruction for React to later render the `Greeting` component. By returning this object from your `App` component, you tell React what to do next. +Bir React öğesi daha çok bir açıklama gibidir - React'in daha sonra `Greeting` bileşenini oluşturması için bir talimat. Bu nesneyi `App` bileşeninizden döndürerek, React'e bundan sonra ne yapacağını söylersiniz. -Creating elements is extremely cheap so you don't need to try to optimize or avoid it. +Öğeler oluşturmak son derece ucuzdur, bu nedenle optimize etmeye çalışmanıza veya bundan kaçınmanıza gerek yoktur. From ef6433541b0ad2c0a533420809c284a5ba091f54 Mon Sep 17 00:00:00 2001 From: anilcanboga Date: Thu, 23 Jan 2025 22:37:57 +0300 Subject: [PATCH 21/21] translate createElement page --- src/content/reference/react/createElement.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/content/reference/react/createElement.md b/src/content/reference/react/createElement.md index 4f12d4d06..1333abb0b 100644 --- a/src/content/reference/react/createElement.md +++ b/src/content/reference/react/createElement.md @@ -185,7 +185,7 @@ Her iki kodlama stilinde de sorun yoktur, bu nedenle projeniz için hangisini te Bir öğe, kullanıcı arayüzünün bir parçasının hafif bir tanımıdır. Örneğin, hem `` hem de `createElement(Greeting, { name: 'Taylor' })` aşağıdaki gibi bir nesne üretir: ```js -// Slightly simplified +// Biraz basitleştirilmiş { type: Greeting, props: {