Fix issues for Add React to Website after self-review

GasimGasimzada · GasimGasimzada · commit c98cb9318d08 · 2019-10-05T13:01:30.000+04:00
diff --git a/content/docs/add-react-to-a-website.md b/content/docs/add-react-to-a-website.md
@@ -10,9 +10,9 @@ next: create-a-new-react-app.html
 
 İstədiyiniz qədər az və ya çox React işlədin.
 
-React tədrici adaptasiya ilə dizan olunub. Siz **istədiyiniz qədər az və ya çox React işlədə bilərsiniz**. Siz mövcud səhifəyə bir az interktivlik əlavə etmək istəyə bilərsiniz. React komponentləri bunun üçün çox yaxşıdır.
+React tədrici adaptasiya ilə dizayn olunub. Siz **istədiyiniz qədər az və ya çox React işlədə bilərsiniz**. Siz mövcud səhifəyə bir az interktivlik əlavə etmək istəyə bilərsiniz. React komponentləri bunun üçün çox yaxşıdır.
 
-Veb səhifələrin əksəriyyəti tək səhifəli applikasiya deyil və olmamalıdırlar. **Bir neçə sətr kod və heç bir yaranma aləti olmadan**, React-i veb səhifənin kiçik bir hissəsində sınayın. Sonra React-in varlığını yavaş yavaş genişləndirə bilər və ya bir neçə dinamik vidcet üçün saxlaya bilərsiniz.
+Veb səhifələrin əksəriyyəti tək səhifəli applikasiya deyil və olmamalıdırlar. React-i **bir neçə sətr kod ilə və heç bir yaranma alətindən istifadə etmədən** veb səhifənin kiçik bir hissəsində sınayın. Sonra, React-in varlığını yavaş yavaş genişləndirə bilər və ya bir neçə dinamik vidcet üçün saxlaya bilərsiniz.
 
 ---
 
@@ -21,39 +21,39 @@ Veb səhifələrin əksəriyyəti tək səhifəli applikasiya deyil və olmamal
 
 ## React-i Bir Dəqiqəyə Əlavə Et {#add-react-in-one-minute}
 
-Bu bölmədə, React-i mövcud veb səfihəyə necə əlavə edəcəyimiz göstərəcəyik. Siz öz veb səhifənizdə yoxlaya bilər və ya boş HTML faylı yaradıb praktika edə bilərsiniz.
+Bu bölmədə, React-i mövcud veb səhifəyə necə əlavə edəcəyimizi göstərəcəyik. Buradakı misalları öz veb səhifənizdə yoxlaya bilər və ya boş HTML faylı yaradıb praktika edə bilərsiniz.
 
 Burada çətin alətlər və ya yükləmə tələbləri olmayacaq -- **bu bölməni bitirmək üçün sizə yalnız internet və bir dəqiqə vaxt lazımdır.**
 
-Fakultativ: [Tam nümunəni yüklə (2KB zipped)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)
+Fakultativ: [Tam nümunəni yüklə (2KB zip olunmuş formada)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)
 
 ### Addım 1: HTML-ə DOM Konteyneri Əlavə Et {#step-1-add-a-dom-container-to-the-html}
 
-İlk olaraq, redaktə edəcəyiniz HTML səhifəsini açın. React-də render ediləcək komponentin harada yerləşdirilməsi üçün boş `<div>` təqi əlavə edin. Məsələn:
+İlk olaraq, redaktə ediləcək HTML səhifəsini açın. React-də render ediləcək komponentin harada yerləşdirilməsi üçün boş `<div>` təqi əlavə edin. Məsələn:
 
 ```html{3}
-<!-- ... existing HTML ... -->
+<!-- ... mövcud HTML ... -->
 
 <div id="like_button_container"></div>
 
-<!-- ... existing HTML ... -->
+<!-- ... mövcud HTML ... -->
 ```
 
-Biz `<div>`-ə unikal `id` HTML atributu verdik. Bu elementi JavaScript kodda taparaq React komponentini bu elementə render etməyə imkan yaradacaq.
+Biz `<div>` təqinə unikal `id` HTML atributu verdik. Göstərilən ID ilə elementi JavaScript kodda taparaq React komponentini bu elementə render etmək mümkün olacaq.
 
 >Məsləhət
 >
->Siz bunun kimi "konteyner" `<div>`-ini `<body>` təqinin **istənilən yerində** yerləşdirə bilərsiniz. Bir səhifədə istədiyiniz qədər müstəqil DOM konteynerləri yerləşdirmək münkündür. Bu elementlər adətən boş olurlar. React bu elementin daxilində olan bütün konenti öz markapı ilə əvəzləyəcək.
+>Siz bunun kimi "konteyner" `<div>`-ini `<body>` təqinin **istənilən yerində** yerləşdirə bilərsiniz. Bir səhifədə istədiyiniz qədər müstəqil DOM konteynerləri yerləşdirmək mümkündür. Bu elementlər adətən boş olurlar. React bu elementin daxilində olan bütün kontenti öz markapı ilə əvəzləyəcək.
 
 ### Addım 2: Script Təqləri Əlavə Et {#step-2-add-the-script-tags}
 
-İndi, HTML səhifəsinə `</body>` təqi bağlanmamışdan dərhal öncə üç `<script>` təqi əlavə edin:
+İndi, `</body>` təqi bağlanmamışdan dərhal öncə üç `<script>` təqi əlavə edin:
 
 ```html{5,6,9}
   <!-- ... digər HTML ... -->
 
   <!-- React-i Yüklə. -->
-  <!-- Qeyd: yerləşdirmə zamanı, "development.js"-i "production.min.js" ilə əvəzləyin. -->
+  <!-- Qeyd: yerləşdirmə (deployment) zamanı, "development.js"-i "production.min.js" ilə əvəzləyin. -->
   <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
   <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
 
@@ -63,19 +63,19 @@ Biz `<div>`-ə unikal `id` HTML atributu verdik. Bu elementi JavaScript kodda ta
 </body>
 ```
 
-İlk iki təq React-i yükləyəcək. Üçüncü təq isə bizim komponentimizi yükləyəcək.
+İlk iki təq React-i, üçüncü təq isə bizim komponentimizi yükləyəcək.
 
 ### Addım 3: React Komponenti Yarat {#step-3-create-a-react-component}
 
 HTML faylının yanında `like_button.js` faylı yaradın.
 
-Bu **[starter kodunu](https://cdn.rawgit.com/gaearon/0b180827c190fe4fd98b4c7f570ea4a8/raw/b9157ce933c79a4559d2aa9ff3372668cce48de7/LikeButton.js)** açaraq bu faylın kontentini yeni yaratdığınız fayla köçürün.
+Bu **[starter kodunu](https://cdn.rawgit.com/gaearon/0b180827c190fe4fd98b4c7f570ea4a8/raw/b9157ce933c79a4559d2aa9ff3372668cce48de7/LikeButton.js)** yeni yaratdığınız fayla köçürün.
 
 >Məsləhət
 >
->Bu kod `LikeButton` adlı React komponenti təyin edir. Bunu başa düşmürsünüzsə narahat olmayın -- biz React-in əsas blokları haqqında [dərslikdə](/tutorial/tutorial.html) and [və əsas konsepsiyalarda](/docs/hello-world.html) danışacağıq. İndi, əsas kodu ekranda görməkdir!
+>Bu kod, `LikeButton` adlı React komponenti təyin edir. Bunu başa düşmürsünüzsə narahat olmayın -- biz React-in əsas blokları haqqında [dərslikdə](/tutorial/tutorial.html) və [əsas konsepsiyalarda](/docs/hello-world.html) danışacağıq. İndi əsas məqsəd, kodu ekranda görməkdir!
 
-**[Starter koddan sonra](https://cdn.rawgit.com/gaearon/0b180827c190fe4fd98b4c7f570ea4a8/raw/b9157ce933c79a4559d2aa9ff3372668cce48de7/LikeButton.js)**, `like_button.js` faylının sonuna iki sətr əlavə edin:
+**[Starter kodundandan sonra](https://cdn.rawgit.com/gaearon/0b180827c190fe4fd98b4c7f570ea4a8/raw/b9157ce933c79a4559d2aa9ff3372668cce48de7/LikeButton.js)** `like_button.js` faylının sonuna iki sətr əlavə edin:
 
 ```js{3,4}
 // ... Köçürdüyünüz starter kodu ...
@@ -84,46 +84,46 @@ const domContainer = document.querySelector('#like_button_container');
 ReactDOM.render(e(LikeButton), domContainer);
 ```
 
-Bu iki liniya kod HTML-ə əlavə etdiyimiz `<div>` elementini tapacaq və "Like" düyməsi olan React komponentini bu elementin içərisində render edəcək. 
+Bu iki sətr kod, HTML-ə əlavə etdiyimiz `<div>` elementini tapacaq və "Like" düyməsi olan React komponentini bu elementin içərisində render edəcək. 
 
 ### Hamısı Budur! {#thats-it}
 
 Burada 4-cü addım yoxdur. **Siz veb səhifənizə ilk React komponentinin əlavə etdiniz.**
 
-React-in inteqrasiyası üçün digər məsləhətlər üçün sonrakı bölmələrə baxın.
+React-in inteqrasiyasına dair digər məsləhətlər üçün sonrakı bölmələrə baxın.
 
 **[Tam nümunə koduna buradan baxın](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605)**
 
 **[Tam nümunəni yükləyin (2KB zipped)](https://gist.github.com/gaearon/6668a1f6986742109c00a581ce704605/archive/f6c882b6ae18bde42dcf6fdb751aae93495a2275.zip)**
 
 ### Məsləhət: Komponenti Yenidən İşlədin {#tip-reuse-a-component}
 
-Adətən, React komponentləri HTML səhifəsinin bir neçə yerində istifadə edilir. Bu nümunədə "Like" düyməsi üç dəfə göstərilir və bəzi məlumatlar bu düyməyə göndərilir:
+Adətən, React komponentləri HTML səhifəsinin bir neçə yerində istifadə edilir. Aşağıdakı nümunədə "Like" düyməsi fəqrli məlumatlar ilə üç dəfə göstərilir:
 
 [Tam nümunə koduna buradan baxın](https://gist.github.com/gaearon/faa67b76a6c47adbab04f739cba7ceda)
 
-[Tam nümunəni yükləyin (2KB zipped)](https://gist.github.com/gaearon/faa67b76a6c47adbab04f739cba7ceda/archive/9d0dd0ee941fea05fd1357502e5aa348abb84c12.zip)
+[Tam nümunəni yükləyin (2KB zip olunmuş formada)](https://gist.github.com/gaearon/faa67b76a6c47adbab04f739cba7ceda/archive/9d0dd0ee941fea05fd1357502e5aa348abb84c12.zip)
 
 >Qeyd
 >
->Bu stategiya React ilə işlənilən hissələrinin bir birindən ayrı olduğu halda faydalıdır. React kodunun daxilində [komponent kompozisiyasından istifadə etmək](/docs/components-and-props.html#composing-components) daha faydalıdır.
+>Bu strategiya React ilə işlənilən hissələrinin bir birindən ayrı olduğu halda faydalıdır. React kodunun daxilində [komponent kompozisiyasından istifadə etmək](/docs/components-and-props.html#composing-components) daha faydalıdır.
 
-### Məsləhət: Produksiya üçün JavaScript-i Minify Edin {#tip-minify-javascript-for-production}
+### Məsləhət: Produksiya üçün JavaScript-i Minifikasiya Edin {#tip-minify-javascript-for-production}
 
-Veb səhifəni produksiyaya yerləşdirmədən öncə, minify olunmamış JavaScript-in istifadəçilərə səhifənin açılmasını çox yavaşladacaq.
+Veb səhifəni produksiyaya yerləşdirmədən öncə, minifikasiya olunmamış JavaScript-in səhifəni çox yavaşladacağından xəbərdar olun.
 
-Əgər siz artıq applikasiya skriptlərini minify edirsinizsə, yüklənmiş HTML-in `production.min.js` ilə bitən React veriyasını yüklədikdə **sizin saytınız produksiya üçün hazır olacaq**:
+Əgər applikasiya skriptlərini minifikasiya edirsinizsə, yüklənmiş HTML-in `production.min.js` ilə bitən React versiyasını yüklədikdə **saytınız produksiya üçün hazır olacaq**:
 
 ```js
 <script src="https://unpkg.com/react@16/umd/react.production.min.js" crossorigin></script>
 <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js" crossorigin></script>
 ```
 
-Əgər sizdə scriptlər üçün minifikasiya addımı yoxdursa, [bunu quraşdırmağın yollarından biri buradadır](https://gist.github.com/gaearon/42a2ffa41b8319948f9be4076286e1f3).
+Əgər skriptlər üçün minifikasiya addımı yoxdursa, [bunu quraşdırmağın yollarından biri buradadır](https://gist.github.com/gaearon/42a2ffa41b8319948f9be4076286e1f3).
 
 ## Fakultativ: React-i JSX ilə Sınayın {#optional-try-react-with-jsx}
 
-Yuxarıdakı numünələrdə, biz yalnız brauzerlərdə nativ dəstəklənən xüsusiyyətlərdən istifadə etdik. Bu səbəbdən biz React-ə render etməsi üçün funksiya çağırışından istifadə etdik:
+Yuxarıdakı numünələrdə, biz yalnız brauzerlərdə nativ dəstəklənən xüsusiyyətlərdən istifadə etdik. Bu səbəbdən React-in render etməsi üçün funksiya çağırışından istifadə etdik:
 
 ```js
 const e = React.createElement;
@@ -139,15 +139,15 @@ return e(
 Lakin, React [JSX](/docs/introducing-jsx.html) işlətməyə icazə verir:
 
 ```js
-// Display a "Like" <button>
+// "Like" <button> göstər
 return (
   <button onClick={() => this.setState({ liked: true })}>
     Like
   </button>
 );
 ```
 
-Bu iki kod parçaları eynidir. **JSX-in [tam fakultativ olmasına baxmayaraq](/docs/react-without-jsx.html)** bir çox adam React və digər kitabxanalar ilə UI kodu yazdıqda JSX-i faydalı görürlər.
+Göstərilən kod parçaları eynidir. **JSX-in [tam fakultativ olmasına baxmayaraq](/docs/react-without-jsx.html)** bir çox adam React və digər kitabxanalar ilə UI kodu yazdıqda JSX-i faydalı görürlər.
 
 [Bu onlayn konverterdən](https://babeljs.io/en/repl#?babili=false&browsers=&build=&builtIns=false&spec=false&loose=false&code_lz=DwIwrgLhD2B2AEcDCAbAlgYwNYF4DeAFAJTw4B88EAFmgM4B0tAphAMoQCGETBe86WJgBMAXJQBOYJvAC-RGWQBQ8FfAAyaQYuAB6cFDhkgA&debug=false&forceAllTransforms=false&shippedProposals=false&circleciRepo=&evaluate=false&fileSize=false&timeTravel=false&sourceType=module&lineWrap=true&presets=es2015%2Creact%2Cstage-2&prettier=false&targets=&version=7.4.3) JSX-i qurdalaya bilərsiniz.
 
@@ -159,13 +159,13 @@ JSX-i sınamağın ən tez yolu səhifəyə `<script>` təqi əlavə etməkdir:
 <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
 ```
 
-İndi, `type="text/babel"` atributunu `<script>` təqlərinə istifadə edərək JSX-dən istifadə edə bilərsiniz. [JSX işlədilən bu HTML faylını](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html) yükləyib JSX-i yoxlaya bilərsiniz.
+İndi, `type="text/babel"` atributunu `<script>` təqlərinə əlavə edərək JSX-dən istifadə edə bilərsiniz. [JSX işlədilən HTML faylını](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html) yükləyib JSX-i yoxlaya bilərsiniz.
 
-Öyrənmək və ya sadə demolar yaratmaq üçünThis approach is fine for learning and creating simple demos. However, it makes your website slow and **isn't suitable for production**. When you're ready to move forward, remove this new `<script>` tag and the `type="text/babel"` attributes you've added. Instead, in the next section you will set up a JSX preprocessor to convert all your `<script>` tags automatically.
+Öyrənmək və ya sadə demolar yaratmaq üçün bu yol normaldır. Lakin, JSX-i bu formada işlətdikdə veb səhifəsi yavaşlayır və **səhifə produksiya üçün əlverişli olmur**. İrəli getmək üçün hazır olduqda eyni əlavə edilən `<script>` təqini və `type="text/babel"` atributlarını silin. Sonrakı bölmədə JSX preprosessorundan istifadə edərək bütün `<script>` təqlərini avtomatik olaraq JavaScript-ə çevirəcəyik.
 
 ### Layihəyə JSX Əlavə Et {#add-jsx-to-a-project}
 
-Layihəyə JSX əlavə etmək üçün paketləmə və ya development server kimi mürəkkəb alətlər lazım deyil. JSX əlavə etmək **CSS preprosessor əlavə etmək kimidir.** Yeganə tələb kompüterdə [Node.js](https://nodejs.org/)-in quraşdırılmış olması.
+Layihəyə JSX əlavə etmək üçün paketləmə və ya development server kimi mürəkkəb alətlər lazım deyil. JSX əlavə etmək **CSS preprosessor əlavə etmək kimidir.** Yeganə tələb kompüterdə [Node.js](https://nodejs.org/)-in quraşdırılmış olmasıdır.
 
 Terminaldan layihə direktoriyasına gedərək aşağıdakı iki əmri icra edin:
 
@@ -181,7 +181,7 @@ Təbrik Edirik! Siz layihənizə **produksiyaya hazır JSX quruluşu** əlavə e
 
 ### JSX Preprosessorunu İcra Et {#run-jsx-preprocessor}
 
-`src` adlı direktotiya yaradaraq aşağıdaki əmri icra edin:
+`src` adlı direktoriya yaradaraq aşağıdaki əmri icra edin:
 
 ```
 npx babel --watch src --out-dir . --presets react-app/prod 
@@ -193,10 +193,10 @@ npx babel --watch src --out-dir . --presets react-app/prod
 >
 >Əgər "You have mistakenly installed the `babel` package" xəta mesajını görürsünüzsə [əvvəlki addımı](#add-jsx-to-a-project) qaçırmış ola bilərsiniz. Əvvəlki addımı eyni direktoriyada çağıraraq bu əmri təkrarlayın.
 
-Bu əmrin bitməsini gözləməyin -- bu əmr JSX üçün avromatik gözətçi başladır.
+Bu əmrin bitməsini gözləməyin -- bu əmr JSX üçün avtomatik gözətçi başladır.
 
-İndi, **[JSX başlama kodu ilə](https://cdn.rawgit.com/gaearon/c8e112dc74ac44aac4f673f2c39d19d1/raw/09b951c86c1bf1116af741fa4664511f2f179f0a/like_button.js)** `src/like_button.js` faylı yaratdıqda, gözətçi brauzerlərə uyğun sadə JavaScript kodu ilə transformasiya olunmuş `like_button.js` faylı yaradacaq. Mənbə faylını JSX ilə dəyişdikdə, transformasiya yenidən icra olunacaq.
+İndi, **[JSX başlama kodu ilə](https://cdn.rawgit.com/gaearon/c8e112dc74ac44aac4f673f2c39d19d1/raw/09b951c86c1bf1116af741fa4664511f2f179f0a/like_button.js)** `src/like_button.js` faylı yaratdıqda, gözətçi brauzerlərə uyğun sadə JavaScript kodu ilə çevrilmiş `like_button.js` faylı yaradacaq. Mənbə faylını JSX ilə dəyişdikdə, çevrilmə yenidən icra olunacaq.
 
-Bonus olaraq, bu sizə köhnə brauzerləri sındırmadan klaslar kimi modern JavaScript sintaksisininin xüsusiyyətləsindən istifadə etməyə imkan yaradır. Bizim işlətdiyimiz alətin adı Babel-dir. Siz bu alət haqqında əlavə məlumat üçün [sənədlərinə](https://babeljs.io/docs/en/babel-cli/) baxa bilərsiniz.
+Bonus olaraq, bu sizə köhnə brauzerləri sındırmadan klaslar kimi modern JavaScript sintaksisininin xüsusiyyətləsindən istifadə etməyə imkan yaradır. Bizim işlətdiyimiz alətin adı Babel-dir. Siz bu alət haqqında əlavə məlumat üçün [bu alətin sənədlərinə](https://babeljs.io/docs/en/babel-cli/) baxa bilərsiniz.
 
 Quraşdırma alətləri ilə işləməyə öyrəşdiyinizi hiss etdikdə və bu alətlərin daha çox iş görməsini istədikdə, populyar və asan işlənə bilən toolchain-lərə [sonrakı bölmədən](/docs/create-a-new-react-app.html) baxa bilərsiniz. Əgər lazım deyilsə, script təqləri işlətmək bəs edəcək!
