Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Installation #386

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
44 changes: 23 additions & 21 deletions src/content/learn/installation.md
Original file line number Diff line number Diff line change
@@ -1,57 +1,59 @@
---
title: Installation
title: Yükləmək
---

<Intro>

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 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.

</Intro>

<YouWillLearn isChapter={true}>

* [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)

</YouWillLearn>

## 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!

<Sandpack>

```js
function Greeting({ name }) {
return <h1>Hello, {name}</h1>;
function Greeting({ad }) {
return <h1>Salam, {ad}</h1>;
}

export default function App() {
return <Greeting name="world" />
return <Greeting ad="dünya" />
}
```

</Sandpack>

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), yaxud [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ə 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!

## 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ə React-i ə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ə baxmaq üçü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.

18 changes: 12 additions & 6 deletions src/content/learn/start-a-new-react-project.md
Original file line number Diff line number Diff line change
@@ -1,24 +1,30 @@
---
title: Start a New React Project
title: Yeni React layihə başlat
---

<Intro>

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.

</Intro>

<Note>

**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.

</Note>

## 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:

<TerminalBlock>
npx create-next-app
Expand Down Expand Up @@ -128,6 +134,6 @@ Next.js's App Router also integrates [data fetching with Suspense](/blog/2022/03
</Suspense>
```

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.

</DeepDive>
Loading