From a5981e2d9df3e97adc0a8d3878f31090005d0d5e Mon Sep 17 00:00:00 2001 From: Nasir Movlamov Date: Tue, 2 May 2023 11:42:26 +0400 Subject: [PATCH 1/3] initial translation has been made --- src/content/learn/installation.md | 33 ++++++++++++++++--------------- 1 file changed, 17 insertions(+), 16 deletions(-) diff --git a/src/content/learn/installation.md b/src/content/learn/installation.md index c5426ea94..8bcdfbc34 100644 --- a/src/content/learn/installation.md +++ b/src/content/learn/installation.md @@ -1,25 +1,25 @@ --- -title: Installation +title: Yükləmək --- -React has been designed from the start for gradual adoption. 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. +React has been designed from the start for gradual adoption. Ehtiyacınız olan qədər az və ya çox React istifadə edə bilərsiniz. React-i yoxlamaq, HTML səhifəyə bəzi interaktivlik əlavə etmək, ya da ki kompleks React applikasiyaya başlamaq olsun 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. -* [How to start a new React project](/learn/start-a-new-react-project) -* [How to add React to an existing project](/learn/add-react-to-an-existing-project) -* [How to set up your editor](/learn/editor-setup) -* [How to install React Developer Tools](/learn/react-developer-tools) +* [React layihəyə necə başlamaq olar ?](/learn/start-a-new-react-project) +* [Mövcud bir layihəyə React-i necə əlavə etmək olar ?](/learn/add-react-to-an-existing-project) +* [Editor-u necə quraşdırmaq olar ?](/learn/editor-setup) +* ["React Developer Tools"-u necə yükləmək olar ?](/learn/react-developer-tools) -## Try React {/*try-react*/} +## React-i yoxla {/*try-react*/} -You don't need to install anything to play with React. Try editing this sandbox! +React ilə başlamaq üçün heç bir şey yükləməyinizə ehtiyac yoxdur. Bu sandbox-da yoxlaya bilərsiniz! @@ -39,19 +39,20 @@ You can edit it directly or open it in a new tab by pressing the "Fork" button i Most pages in the React documentation contain sandboxes like this. 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.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) -### Try React locally {/*try-react-locally*/} +### Lokalda yoxlayın {/*try-react-locally*/} -To try React locally on your computer, [download this HTML page.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Open it in your editor and in your browser! +Kompüterinizdə localda yoxlamaq üçün, [Bu HTML səhifəni yükləyin.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Əvvəlcə editorunuzda açın sonra isə browserinizdə açın ardıcıl olaraq! -## Start a new React project {/*start-a-new-react-project*/} +## Yeni React layihəyə başlayın {/*start-a-new-react-project*/} -If you want to build an app or a website fully with React, [start a new React project.](/learn/start-a-new-react-project) +Əgər bütün applikasyiyanı tamamilə React ilə kodlaşdırmaq istəyirsinizsə, [Yeni React layihəyə başlayın.](/learn/start-a-new-react-project) -## Add React to an existing project {/*add-react-to-an-existing-project*/} +## Mövcud layihənizə Reacti əlavə edin {/*add-react-to-an-existing-project*/} -If want to try using React in your existing app or a website, [add React to an existing project.](/learn/add-react-to-an-existing-project) +Əgər mövcud tətbiqinizdə və ya saytınızda React istifadə etməyi sınamaq istəyirsinizsə, [React-i mövcud layihənizə əlavə edin.](/learn/add-react-to-an-existing-project) -## Next steps {/*next-steps*/} +## Növbəti addımlar {/*next-steps*/} + +Hər gün rast gələcəyiniz ən mühüm React konseptlərinə bir tur üçün [Qısa Başlanğıc](/learn) təlimatlarına yönəlin. -Head to the [Quick Start](/learn) guide for a tour of the most important React concepts you will encounter every day. From 56addca5c609ba0ad7535d4dce187639ff63a0d7 Mon Sep 17 00:00:00 2001 From: Nasir Movlamov Date: Sat, 6 May 2023 16:41:29 +0400 Subject: [PATCH 2/3] fix: typo --- src/content/learn/installation.md | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/src/content/learn/installation.md b/src/content/learn/installation.md index 8bcdfbc34..b98b00fb5 100644 --- a/src/content/learn/installation.md +++ b/src/content/learn/installation.md @@ -4,7 +4,7 @@ title: Yükləmək -React has been designed from the start for gradual adoption. Ehtiyacınız olan qədər az və ya çox React istifadə edə bilərsiniz. React-i yoxlamaq, HTML səhifəyə bəzi interaktivlik əlavə etmək, ya da ki kompleks React applikasiyaya başlamaq olsun 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. +React freymvorku tədrici adaptasiya fikri ilə dizayn olunub. Ehtiyacınız olan qədər az və ya çox React istifadə edə bilərsiniz. React-i yoxlamaq, HTML səhifəyə bəzi interaktivlik əlavə etmək, ya da ki kompleks React applikasiyaya başlamaq olsun fərqi yoxdur bu hissə sizə başlamağa kömək edəcəkdir. @@ -24,24 +24,25 @@ React ilə başlamaq üçün heç bir şey yükləməyinizə ehtiyac yoxdur. Bu ```js -function Greeting({ name }) { - return

Hello, {name}

; +function Greeting({ad }) { + return

Salam, {ad}

; } export default function App() { - return + return } ``` -You can edit it directly or open it in a new tab by pressing the "Fork" button in the upper right corner. +Siz onun birbaşa üzərində işləyə bilərsiniz və ya sağ üst küncdən "Fork" düyməsini klikləyərək yeni bir tab-da aça bilərsiniz. -Most pages in the React documentation contain sandboxes like this. 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.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) +React dokumentasiyasında əks olunan çox səhifələrdə belə sandbokslar mövcuddur. React dokumentasiyasının xaricində, bir çox sandboks React-i dəstəkləyir: məsələn, +[CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) ### Lokalda yoxlayın {/*try-react-locally*/} -Kompüterinizdə localda yoxlamaq üçün, [Bu HTML səhifəni yükləyin.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Əvvəlcə editorunuzda açın sonra isə browserinizdə açın ardıcıl olaraq! +Kompüterinizdə lokalda yoxlamaq üçün, [Bu HTML səhifəni yükləyin.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Ardıcıl olaraq əvvəlcə editorunuzda açın sonra isə browserinizdə açın ! ## Yeni React layihəyə başlayın {/*start-a-new-react-project*/} @@ -53,6 +54,6 @@ Kompüterinizdə localda yoxlamaq üçün, [Bu HTML səhifəni yükləyin.](http ## Növbəti addımlar {/*next-steps*/} -Hər gün rast gələcəyiniz ən mühüm React konseptlərinə bir tur üçün [Qısa Başlanğıc](/learn) təlimatlarına yönəlin. +Hər gün rast gələcəyiniz ən mühüm React konseptlərinə baxmaq üçün [Qısa Başlanğıc](/learn) təlimatlarına yönəlin. From 20df491ce3b3190ef947934ce4eaceb571aecc0b Mon Sep 17 00:00:00 2001 From: Nasir Movlamov Date: Wed, 31 May 2023 20:40:09 +0400 Subject: [PATCH 3/3] fix: typo, grammer --- src/content/learn/installation.md | 16 ++++++++-------- src/content/learn/start-a-new-react-project.md | 18 ++++++++++++------ 2 files changed, 20 insertions(+), 14 deletions(-) diff --git a/src/content/learn/installation.md b/src/content/learn/installation.md index b98b00fb5..782850d13 100644 --- a/src/content/learn/installation.md +++ b/src/content/learn/installation.md @@ -4,16 +4,16 @@ title: Yükləmək -React freymvorku tədrici adaptasiya fikri ilə dizayn olunub. Ehtiyacınız olan qədər az və ya çox React istifadə edə bilərsiniz. React-i yoxlamaq, HTML səhifəyə bəzi interaktivlik əlavə etmək, ya da ki kompleks React applikasiyaya başlamaq olsun fərqi yoxdur bu hissə sizə başlamağa kömək edəcəkdir. +React freymvorku tədrici adaptasiya fikri ilə dizayn olunub. Ehtiyacınız olan qədər az və ya çox React istifadə edə bilərsiniz. Bu hissə sizə React-i yoxlamaq, HTML səhifəyə bəzi interaktivlik əlavə etmək və s. kimi işlərdə yol göstərəcəkdir. Həmçinin kompleks React applikasiyaya başlamaq üçündə bu hissə sizə başlamağa kömək edəcəkdir. -* [React layihəyə necə başlamaq olar ?](/learn/start-a-new-react-project) -* [Mövcud bir layihəyə React-i necə əlavə etmək olar ?](/learn/add-react-to-an-existing-project) -* [Editor-u necə quraşdırmaq olar ?](/learn/editor-setup) -* ["React Developer Tools"-u necə yükləmək olar ?](/learn/react-developer-tools) +* [React layihəyə necə başlamaq olar?](/learn/start-a-new-react-project) +* [Mövcud bir layihəyə React-i necə əlavə etmək olar?](/learn/add-react-to-an-existing-project) +* [Editor-u necə quraşdırmaq olar?](/learn/editor-setup) +* ["React Developer Tools"-u necə yükləmək olar?](/learn/react-developer-tools) @@ -38,17 +38,17 @@ export default function App() { Siz onun birbaşa üzərində işləyə bilərsiniz və ya sağ üst küncdən "Fork" düyməsini klikləyərək yeni bir tab-da aça bilərsiniz. React dokumentasiyasında əks olunan çox səhifələrdə belə sandbokslar mövcuddur. React dokumentasiyasının xaricində, bir çox sandboks React-i dəstəkləyir: məsələn, -[CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), or [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) +[CodeSandbox](https://codesandbox.io/s/new), [StackBlitz](https://stackblitz.com/fork/react), yaxud [CodePen.](https://codepen.io/pen?&editors=0010&layout=left&prefill_data_id=3f4569d1-1b11-4bce-bd46-89090eed5ddb) ### Lokalda yoxlayın {/*try-react-locally*/} -Kompüterinizdə lokalda yoxlamaq üçün, [Bu HTML səhifəni yükləyin.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Ardıcıl olaraq əvvəlcə editorunuzda açın sonra isə browserinizdə açın ! +Kompüterinizdə lokalda yoxlamaq üçün, [Bu HTML səhifəni yükləyin.](https://gist.githubusercontent.com/gaearon/0275b1e1518599bbeafcde4722e79ed1/raw/db72dcbf3384ee1708c4a07d3be79860db04bff0/example.html) Ardıcıl olaraq əvvəlcə editorunuzda, sonra isə browserinizdə açın! ## Yeni React layihəyə başlayın {/*start-a-new-react-project*/} Əgər bütün applikasyiyanı tamamilə React ilə kodlaşdırmaq istəyirsinizsə, [Yeni React layihəyə başlayın.](/learn/start-a-new-react-project) -## Mövcud layihənizə Reacti əlavə edin {/*add-react-to-an-existing-project*/} +## Mövcud layihənizə React-i əlavə edin {/*add-react-to-an-existing-project*/} Əgər mövcud tətbiqinizdə və ya saytınızda React istifadə etməyi sınamaq istəyirsinizsə, [React-i mövcud layihənizə əlavə edin.](/learn/add-react-to-an-existing-project) diff --git a/src/content/learn/start-a-new-react-project.md b/src/content/learn/start-a-new-react-project.md index 280a1378e..8b2b9e0be 100644 --- a/src/content/learn/start-a-new-react-project.md +++ b/src/content/learn/start-a-new-react-project.md @@ -1,24 +1,30 @@ --- -title: Start a New React Project +title: Yeni React layihə başlat --- -If you want to build a new app or a new website fully with React, we recommend picking one of the React-powered frameworks popular in the community. Frameworks provide features that most apps and sites eventually need, including routing, data fetching, and generating HTML. + +Əgər yeni bir tətbiq və ya veb saytı tamamilə React ilə yaratmaq istəyirsinizsə, icmada məşhur olan Reactla dəstəklənmiş freymvorklərdən birini seçməyi tövsiyə edirik. Freymvork, yönləndirmələri (routing), məlumat əldə edilməsi (data fetching) və HTML yaradılması kimi bir çox tətbiq və saytların nəhayətində ehtiyacı olan funksiyaları təmin edir. -**You need to install [Node.js](https://nodejs.org/en/) for local development.** You can *also* choose to use Node.js in production, but you don't have to. Many React frameworks support export to a static HTML/CSS/JS folder. +**Lokalda işləyə bilmək üçün [Node.js](https://nodejs.org/en/) quraşdırmağınız lazımdır.** İstəyə *bağlı* olaraq, production-da Node.js-dən də istifadə edə bilərsiniz. Çox sayda React freymvorkü statik HTML/CSS/JS qovluğuna idxal etməni dəstəkləyir. -## Production-grade React frameworks {/*production-grade-react-frameworks*/} +## Production-səviyyədə React freymvorkləri {/*production-grade-react-frameworks*/} ### Next.js {/*nextjs*/} -**[Next.js](https://nextjs.org/) is a full-stack React framework.** It's versatile and lets you create React apps of any size--from a mostly static blog to a complex dynamic application. To create a new Next.js project, run in your terminal: +**[Next.js](https://nextjs.org/) full-stack React freymvorküdur.** +Bu çox yönlüdür və sizi hər hansı bir ölçüdə React tətbiqləri yaratmağa imkan verir - əksər statik bloglardan tutmuş çox kompleks dinamik tətbiqlərə qədər. Yeni bir Next.js layihəsi yaratmaq üçün terminalda aşağıdakı əmri yoxlayınız: + + + +Next.js tam təlimsiz React çərçivəsidir. Bu çərçivə çox tərəfli olaraq işləyir və sənə istənilən ölçüdə React tətbiqi yaratmağa imkan verir - çoxlu statik bir blogdan çətin dinamik bir tətbiqə qədər. Yeni bir Next.js layihəsi yaratmaq üçün terminalda aşağıdakı əmri çalışdırın: npx create-next-app @@ -128,6 +134,6 @@ Next.js's App Router also integrates [data fetching with Suspense](/blog/2022/03 ``` -Server Components and Suspense are React features rather than Next.js features. However, adopting them at the framework level requires buy-in and non-trivial implementation work. At the moment, the Next.js App Router is the most complete implementation. The React team is working with bundler developers to make these features easier to implement in the next generation of frameworks. +Server Komponentləri və Suspense, Next.js xüsusiyyətləri əvəzində React xüsusiyyətləridir. Lakin onları freymvork səviyyəsində qəbul etmək, razılaşma və mühüm olmayan icra işi tələb edir. Hal-hazırda, Next.js App Router ən tamamlanmış icra variantıdır. React komandası, bu xüsusiyyətlərin növbəti nəsil çərçivələrdə daha asan icrasını təmin etmək üçün bundler developerləri ilə birgə çalışır.