Skip to content

Commit

Permalink
Translate rendering elements after self-review
Browse files Browse the repository at this point in the history
- Translate "Try in Codepen" text
  • Loading branch information
GasimGasimzada committed Aug 14, 2019
1 parent 2408960 commit 1a6a11b
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 12 deletions.
22 changes: 11 additions & 11 deletions content/docs/rendering-elements.md
Expand Up @@ -8,19 +8,19 @@ prev: introducing-jsx.html
next: components-and-props.html
---

React applikasiyalarının ən kiçik blokları elemenlərdir.
React applikasiyalarının ən kiçik blokları elementlərdir.

Elementlər ekranda nə görmək istədiyinizi təsvir edir:

```js
const element = <h1>Salam Dünya</h1>;
```

Brauzerin DOM elementlərindən fəqrli olaraq React elementləri ucuz qiymətə düzəldilə bilən sadə obyektlərdir. Brauzer DOM-u React elementləri ilə uyğunlaşdırmaq üçün React DOM paketi DOM-u yeniləyir.
Brauzerin DOM elementlərindən fərqli olaraq React elementləri ucuz qiymətə başa gələn sadə JavaScript obyektləridir. Brauzer DOM-unu React elementləri ilə uyğunlaşdırmaq üçün React DOM paketi DOM-u yeniləyir.

>**Qeyd:**
>**Qeyd:**
>
>Elementləri daha çox tanınan "komponentlər" konsepsiyası ilə çaşdırmaq olar. [Gələcək bölmədə](/docs/components-and-props.html) biz komponentlər haqqında tanış olacağıq. Komponentlər elementlərdən düzəldiyindən, biz qabağa atlamadan öncə bu bölməni oxumağı tövsiyyə edirik.
>Elementləri daha çox tanınan "komponentlər" konsepsiyası ilə çaşdırmaq olar. [Gələcək bölmədə](/docs/components-and-props.html) biz komponentlər ilə tanış olacağıq. Komponentlərin elementlərdən düzəldiyindən biz qabağa atlamadan öncə bu bölməni oxumağı tövsiyyə edirik.
## Elementləri DOM-a Render Edin {#rendering-an-element-into-the-dom}

Expand All @@ -30,23 +30,23 @@ Fərz edək ki, HTML faylında `<div>` elementi var:
<div id="root"></div>
```

Biz bu nodu "ana" DOM nodu sayırıq. Çünki bu nodun içərisində baş verən bütün dəyişikliklən React DOM tərəfindən idarə olunacaq.
Biz bu nodu "ana" DOM nodu sayırıq. Çünki bu nodun içərisində baş verən bütün dəyişikliklər React DOM tərəfindən idarə olunacaq.

Adətən, React-də düzəldilmiş applikasiyaların tək ana DOM nodu var. Əgər siz React-i mövcud applikasiyanıza inteqrasiya edirsinizsə, sizdə istədiyiniz qədər ana DOM nodları ola bilər.

React elementinin DOM noduna render etmək üçün, həm elementi həm də ana nodu `ReactDOM.render()` funksiyasına göndərin:
React elementini DOM noduna render etmək üçün, həm elementi həm də ana nodu `ReactDOM.render()` funksiyasına göndərin:

`embed:rendering-elements/render-an-element.js`

[](codepen://rendering-elements/render-an-element)

Bu səhifədə "Salam Dünya" göstərəcək.
Bu səhifə "Salam Dünya" göstərəcək.

## Render Edilmiş Elementi Yeniləyin {#updating-the-rendered-element}

React elementləri [dəyişilməzdir](https://en.wikipedia.org/wiki/Immutable_object). Elementi yarandıqdan sonra, siz bu elementin uşaqlarını və ya atributlarını dəyişə bilməzsiniz. Element filmdə bir kadr kimidir: element hər hansı bir zamanda UI-ı təsvir edir.
React elementləri [dəyişilməzdir](https://en.wikipedia.org/wiki/Immutable_object). Element yarandıqdan sonra bu elementin uşaqlarını və ya atributlarını dəyişmək olmaz. Element filmdə bir kadr kimidir: hər hansı bir zamanda UI-ı təsvir edir.

Bizim indiki biliyimiz ilə, UI-ı yeniləmək üçün yalnız yeni element yaradıb `ReactDOM.render()`-ə göndərməliyik.
Bizim indiki biliyimiz ilə UI-ı yeniləmək üçün yalnız yeni element yaradıb `ReactDOM.render()`-ə göndərməliyik.

Aşağıda olan saat misalına baxaq:

Expand All @@ -60,7 +60,7 @@ Bu kod hər saniyə [`setInterval()`](https://developer.mozilla.org/en-US/docs/W
>
>Praktikada, React applikasiyaları `ReactDOM.render()` funksiyasını yalnız bir dəfə çağırırlar. Gələcək bölmələrdə belə kodun [state-li komponetlərə](/docs/state-and-lifecycle.html) necə inkapsulyasiya etdiyini oyrənəcəyik.
>
>Biz mövzuları ötürməyi tövsiyyə etmirik. Çünki bu mövzular bir-biriləri üzərində qurulurlar.
>Biz mövzuları ötürməyi tövsiyyə etmirik. Çünki bu mövzular bir-birilərindən asılıdırlar.
## React Yalnız Lazım Olanları Yeniləyir {#react-only-updates-whats-necessary}

Expand All @@ -70,6 +70,6 @@ Siz bunu təsqid etmək üçün [sonuncu misalımızı](codepen://rendering-elem

![DOM yoxlayanının yenilikləri göstərməsi](../images/docs/granular-dom-updates.gif)

Biz, hər anda bütün UI ağacını təsvir edən elementi yaratmağımıza baxmayaraq React DOM yalnız dəyişiklik baş verən mətn nodlarını yeniləyir.
Bizim hər anda bütün UI ağacını təsvir edən elementi yaratmağımıza baxmayaraq React DOM yalnız dəyişiklik baş verən mətn nodlarını yeniləyir.

UI-ı zaman ilə necə dəyişmək əvəzinə hər hansı bir anda necə görünəcəyi haqqda fikirləşmək bir çox baqların qarşısını alır.
2 changes: 1 addition & 1 deletion gatsby-config.js
Expand Up @@ -60,7 +60,7 @@ module.exports = {
{
resolve: 'gatsby-remark-code-repls',
options: {
defaultText: '<b>Try it on CodePen</b>',
defaultText: '<b>CodePen-də sınayın</b>',
directory: `${__dirname}/examples/`,
externals: [
`//unpkg.com/react/umd/react.development.js`,
Expand Down

0 comments on commit 1a6a11b

Please sign in to comment.