From a0af259e5c913d014a7ccaff1e4b0ae66170cf08 Mon Sep 17 00:00:00 2001 From: Nasir Movlamov Date: Tue, 25 Apr 2023 12:54:27 +0400 Subject: [PATCH 1/4] feat: replace home intro --- src/components/Layout/HomeContent.js | 2 +- src/components/Seo.tsx | 2 +- src/content/index.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index e6bb995a4..fc16d0e71 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -131,7 +131,7 @@ export function HomeContent() { React

- The library for web and native user interfaces + Veb və yerli istifadəçi interfeysləri üçün kitabxana

Date: Tue, 25 Apr 2023 12:56:13 +0400 Subject: [PATCH 2/4] feat: replace intro buttons' texts --- src/components/Layout/HomeContent.js | 8 ++++---- src/sidebarLearn.json | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index fc16d0e71..2510bcae9 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -139,16 +139,16 @@ export function HomeContent() { type="primary" size="lg" className="w-full sm:w-auto justify-center" - label="Learn React"> - Learn React + label="React öyrən"> + React öyrən - API Reference + label="API İstinadı"> + API İstinadı
diff --git a/src/sidebarLearn.json b/src/sidebarLearn.json index 89d5cffca..989dce0ad 100644 --- a/src/sidebarLearn.json +++ b/src/sidebarLearn.json @@ -1,5 +1,5 @@ { - "title": "Learn React", + "title": "React öyrən", "path": "/learn", "routes": [ { From f94fcb42b470a04643c1a686fc93cd5c45a20a99 Mon Sep 17 00:00:00 2001 From: Nasir Movlamov Date: Tue, 25 Apr 2023 14:59:52 +0400 Subject: [PATCH 3/4] feat: home page main content translation --- src/components/Layout/HomeContent.js | 205 ++++++++++++++------------- src/sidebarBlog.json | 22 +-- 2 files changed, 120 insertions(+), 107 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index 2510bcae9..2fddeac22 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -155,13 +155,13 @@ export function HomeContent() {
-
Create user interfaces from components
+
Komponentlərdən istifadəçi interfeysləri yarat
- React lets you build user interfaces out of individual pieces - called components. Create your own React components like{' '} - Thumbnail, LikeButton, and{' '} - Video. Then combine them into entire screens, pages, - and apps. + React, komponent adlanan ayrı hissələrdən istifadə edərək + istifadəçi interfeyslərini qurmağa imkan verir.{' '} + Thumbnail, LikeButton və{' '} + Video kimi öz React komponentlərinizi yaradın. Sonra + onları bütün ekranlar, səhifələr və tətbiqlərə birləşdirin. .
@@ -169,22 +169,24 @@ export function HomeContent() {
- Whether you work on your own or with thousands of other - developers, using React feels the same. It is designed to let you - seamlessly combine components written by independent people, - teams, and organizations. + React istifadə etmək eyni hissiyatı verir, baxmayaraq ki, siz tək + işləyirsiniz ya da ki, minlərlə başqa developerlərlə . Bu, + müstəqil insanlar, komandalar və təşkilatlar tərəfindən yazılmış + komponentləri problemlər olmadan birləşdirməyə imkan verən bir + dizayndır.
-
Write components with code and markup
+
Komponentləri code və markup ilə yazın
- React components are JavaScript functions. Want to show some - content conditionally? Use an if statement. - Displaying a list? Try array map(). Learning React is - learning programming. + React komponentləri JavaScript funksiyalarıdır. Bəzi kontentləri + şərti göstərmək istəyirsiniz ? Onda if blokundan + istifadə edin. List göstərmək istəyirsiniz ? Onda{' '} + map() yoxlayın. React öyrənmək proqramlaşdırma + öyrənmək kimidir.
@@ -192,22 +194,24 @@ export function HomeContent() {
- This markup syntax is called JSX. It is a JavaScript syntax - extension popularized by React. Putting JSX markup close to - related rendering logic makes React components easy to create, - maintain, and delete. + Bu markup JSX adlanır. React tərəfindən populyarlaşdırılan + JavaScript sintaksis əlavəsidir. Renderləmə məntiqinə yaxın JSX + markup qoymaq, React komponentlərini yaratmaq, saxlamaq və silməyi + asanlaşdırır.
-
Add interactivity wherever you need it
+
Hara istəyirsiniz ora interaktivlik əlavə edin
- React components receive data and return what should appear on the - screen. You can pass them new data in response to an interaction, - like when the user types into an input. React will then update the - screen to match the new data. + React komponentləri məlumat qəbul edir və ekranda görünməli olanı + geri qaytarır. İstifadəçi bir inputa yazı yazdıqda onlara + interaktiv cavab olaraq yeni məlumatı ötürə bilərsiniz. Məsələn + istifadəçi bir inputa yazı yazdıqda onlara interaktiv cavab olaraq + yeni məlumatı ötürə bilərsiniz. Yeni məlumata uyğun olaraq React + ekranı yeniləyəcək.
@@ -215,16 +219,16 @@ export function HomeContent() {
- You don’t have to build your whole page in React. Add React to - your existing HTML page, and render interactive React components - anywhere on it. + Bütün səhifəni React ilə qurmağa ehtiyac yoxdur. Mövcud HTML + səhifənizə React əlavə edin və onunla interaktiv React + komponentlərini hər hansı istənilən bir yerə render edin.
- Add React to your page + Səhifənizə React əlavə edin
@@ -233,15 +237,16 @@ export function HomeContent() {
- Go full-stack
- with a framework + Framevörk ilə
+ full-stack olun
- React is a library. It lets you put components together, but it - doesn’t prescribe how to do routing and data fetching. To build an - entire app with React, we recommend a full-stack React framework - like Next.js or{' '} - Remix. + React kitabxanadır. O sizə komponentləri birgə qoymağa icazə + verir, ancaq o məlumat əldə edilməsini və səhifələrin necə idarə + edilməsini göstərmir. Bütün bir applikasiyanı React ilə yığmaq + üçün, biz Next.js yaxud da{' '} + Remix kimi full-stack React + framevörkünü tövsiyyə edirik.
@@ -249,17 +254,17 @@ export function HomeContent() {
- React is also an architecture. Frameworks that implement it let - you fetch data in asynchronous components that run on the server - or even during the build. Read data from a file or a database, and - pass it down to your interactive components. + React həmçinin bir arxitekturadır . Framevörklər sizə serverdə + yaxud da build zamanı işləyən asinxron komponentlərdə data əldə + edilməsinə şərait yaradır. Fayldan və ya verilənlər bazasından + məlumatı oxuyun və bunu interaktiv komponentlərinizə ötürün.
- Get started with a framework + Framevörklə öyrənməyə başlayın
@@ -267,12 +272,15 @@ export function HomeContent() {
-
Use the best from every platform
+
+ Bütün platformalar üçün ən yaxşısını istifadə edin +
- People love web and native apps for different reasons. React - lets you build both web apps and native apps using the same - skills. It leans upon each platform’s unique strengths to let - your interfaces feel just right on every platform. + İnsanlar veb və native applikasiyaları müxtəlif səbəblərə görə + sevir. React sizə eyni biliklər ilə veb and native + applikasiyaları qurmağa şərait yaradır. Sizin interfeyslərin hər + platformada eyni hissiyatı verməsi, artıq hər platformanın öz + unikal güclərindən asılı olacaq.
@@ -286,15 +294,16 @@ export function HomeContent() {

- Stay true to the web + Vebə sadiq qalın

- People expect web app pages to load fast. On the server, - React lets you start streaming HTML while you’re still - fetching data, progressively filling in the remaining - content before any JavaScript code loads. On the client, - React can use standard web APIs to keep your UI - responsive even in the middle of rendering. + İnsanlar veb applikasiyaların sürətli yüklənməsini + istəyir. Serverdə React sizə HTML-i yükləməyə + başlayarkən hələ də məlumatı yükləməyə, Javascript + kodunun yüklənməsindən əvvəl tam məzmunu doldurmağa + imkan verir. Client tərəfdə, render zamanı UI-ın düzgün + görünməsi üçün React standart veb API-larını istifadə + edir.

@@ -372,21 +381,23 @@ export function HomeContent() {

- Go truly native + Həqiqi native qalın

- People expect native apps to look and feel like their - platform.{' '} + İnsanlar native tətbiqlərin öz platformalarına uyğun + görünüşə və hissə malik olmasını gözləyir.{' '} React Native {' '} - and{' '} + və{' '} Expo{' '} - let you build apps in React for Android, iOS, and - more. They look and feel native because their UIs{' '} - are truly native. It’s not a web view—your - React components render real Android and iOS views - provided by the platform. + sizə React applikasiyalarını Android, iOS, və + başqaları üçün yığmağa şərait yaradır. Onlar native + görünür və hissiyatı verir çünki onların UI-ı{' '} + həqiqətən nativedir. Bu, bir veb görünüşü deyil — + sizin React komponentləriniz platforma tərəfindən + təmin edilən real Android və iOS görünüşlərini render + edir.

@@ -396,14 +407,15 @@ export function HomeContent() {
- With React, you can be a web and a native developer. Your - team can ship to many platforms without sacrificing the user - experience. Your organization can bridge the platform silos, and - form teams that own entire features end-to-end. + React ilə siz eyni zamanda veb və native developer ola + bilərsiniz. Sizin komandınız istifadəçi təcrübəsindən asılı + olmadan çoxlu platformalara dəstək ola bilər. Sizin təşkilatınız + platformalar arasındakı boşluqları aradan qaldıra bilər və bütün + xüsusiyyətlərin sahibi olan komandalar yarada bilər.
- Build for native platforms + Native platformalar üçün inşa edin
@@ -414,23 +426,24 @@ export function HomeContent() {
-
Upgrade when the future is ready
+
Yenilik hazır olduğunda yeniləmə edin
- React approaches changes with care. Every React commit is - tested on business-critical surfaces with over a billion - users. Over 100,000 React components at Meta help validate - every migration strategy. + React yeniliklərə diqqətlə yanaşır. Hər React commitində bir + milyard istifadəçisi olan kritik səthlərdə test olunur. + Meta-da 100.000-dən çox React komponenti hər köçürmə + strategiyasını təsdiqləməyə kömək edir.
- The React team is always researching how to improve React. - Some research takes years to pay off. React has a high bar - for taking a research idea into production. Only proven - approaches become a part of React. + React komandası həmişə React-ı inkişaf etdirmək üçün + araşdırmalar aparır. Bəzən araşdırmaların nəticələri almaq + üçün illər keçə bilər. React-da bir araşdırma ideyasını + reallaşdırmaq üçün yüksək standartlar tətbiq edilir. Ancaq + təsdiqlənmiş yanaşmalar React-ın bir hissəsi olur.
- Read more React news + Daha çox React xəbərləri oxu
@@ -438,7 +451,7 @@ export function HomeContent() {

- Latest React News + Sonuncu React xəbərləri

@@ -456,7 +469,7 @@ export function HomeContent() {
- Read more React news + Daha çox React xəbərləri oxu
@@ -468,14 +481,12 @@ export function HomeContent() {
-
- Join a community
- of millions -
+
Milyonların icmasına qoşul
- You’re not alone. Two million developers from all over the - world visit the React docs every month. React is something - that people and teams can agree on. + Sən tək deyilsən. Dünyanın hər yerindən iki milyondan çox + proqramçı ayda bir dəfə React sənədlərinə baxır. React + insanların və komandaların razılaşa biləcəyi bir + texnologiyadır.
@@ -483,13 +494,15 @@ export function HomeContent() {
- This is why React is more than a library, an architecture, or - even an ecosystem. React is a community. It’s a place where - you can ask for help, find opportunities, and meet new - friends. You will meet both developers and designers, - beginners and experts, researchers and artists, teachers and - students. Our backgrounds may be very different, but React - lets us all create user interfaces together. + Bu səbəbdən React bir kitabxana, arxitektura və hətta bir + ekosistəmdən çox daha çoxudur. React bir icmadır. Burada kömək + istəyə, imkanlar axtarmağa və yeni dostlarla tanış olmağa + imkanınız var. Burada siz developerlər və dizaynerlər, yeni + başlayan və təcrübəli ekspertlərlə, araşdırıcılar və + sənətkarlar, müəllimlər və tələbələr ilə qarşılaşacaqsınız. + Bizim keçmiş təcrübələrimiz fərqli ola bilər, ancaq React + bizim hamımıza birgə istifadəçi interfeysləri yaratmağa imkan + tanıyır.
@@ -498,15 +511,15 @@ export function HomeContent() {
- Welcome to the
- React community + React icmasına
+ Xoş gəlmisiniz
- Get Started + label="Öyrədici dərsliklə başla"> + Gəlin başlayaq
diff --git a/src/sidebarBlog.json b/src/sidebarBlog.json index d6258e4a2..643ac0a08 100644 --- a/src/sidebarBlog.json +++ b/src/sidebarBlog.json @@ -12,22 +12,22 @@ "skipBreadcrumb": true, "routes": [ { - "title": "React Labs: What We've Been Working On – March 2023", - "titleForHomepage": "React Labs: March 2023", + "title": "React Laboratoriyası: Biz nəyin üzərində işləyirdik – Mart 2023", + "titleForHomepage": "React Laboratoriyası: Mart 2023", "icon": "labs", "date": "March 22, 2023", "path": "/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023" }, { - "title": "Introducing react.dev", - "titleForHomepage": "Introducing react.dev", + "title": " react.dev Təqdimatı", + "titleForHomepage": " react.dev Təqdimatı", "icon": "blog", "date": "March 16, 2023", "path": "/blog/2023/03/16/introducing-react-dev" }, { - "title": "React Labs: What We've Been Working On – June 2022", - "titleForHomepage": "React Labs: June 2022", + "title": "React Laboratoriyası: Biz nəyin üzərində işləyirdik – İyun 2022", + "titleForHomepage": "React Lab: İyun 2022", "icon": "labs", "date": "June 15, 2022", "path": "/blog/2022/06/15/react-labs-what-we-have-been-working-on-june-2022" @@ -40,35 +40,35 @@ "path": "/blog/2022/03/29/react-v18" }, { - "title": "How to Upgrade to React 18", + "title": "React 18-ə necə yüksəltməli", "titleForHomepage": "Upgrading to React 18", "icon": "blog", "date": "March 8, 2022", "path": "/blog/2022/03/08/react-18-upgrade-guide" }, { - "title": "React Conf 2021 Recap", + "title": "React Conf 2021 qısa təsviri", "titleForHomepage": "React Conf 2021 Recap", "icon": "blog", "date": "December 17, 2021", "path": "/blog/2021/12/17/react-conf-2021-recap" }, { - "title": "The Plan for React 18", + "title": "React 18 üçün plan", "titleForHomepage": "The Plan for React 18", "icon": "blog", "date": "June 8, 2021", "path": "/blog/2021/06/08/the-plan-for-react-18" }, { - "title": "Introducing Server Components", + "title": "Server Komponentlərinin Təqdimatı", "titleForHomepage": "Introducing Server Components", "icon": "labs", "date": "December 21, 2020", "path": "/blog/2020/12/21/data-fetching-with-react-server-components" }, { - "title": "Older posts", + "title": "Köhnə bloqlar", "path": "https://reactjs.org/blog/all.html" } ] From 5b9f113de5e9b594c2c072852ae3946000eee00c Mon Sep 17 00:00:00 2001 From: Nasir Movlamov Date: Thu, 27 Apr 2023 23:12:33 +0400 Subject: [PATCH 4/4] fix : home content based on dictionary --- src/components/Layout/HomeContent.js | 72 ++++++++++++++-------------- 1 file changed, 36 insertions(+), 36 deletions(-) diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js index 2fddeac22..2bcd80fad 100644 --- a/src/components/Layout/HomeContent.js +++ b/src/components/Layout/HomeContent.js @@ -131,7 +131,7 @@ export function HomeContent() { React

- Veb və yerli istifadəçi interfeysləri üçün kitabxana + Veb və nativ istifadəçi interfeysləri üçün kitabxana

- React öyrən + React-i öyrən - API İstinadı + label="API Referans"> + API Referans
@@ -169,11 +169,11 @@ export function HomeContent() {
- React istifadə etmək eyni hissiyatı verir, baxmayaraq ki, siz tək - işləyirsiniz ya da ki, minlərlə başqa developerlərlə . Bu, - müstəqil insanlar, komandalar və təşkilatlar tərəfindən yazılmış - komponentləri problemlər olmadan birləşdirməyə imkan verən bir - dizayndır. + React-i istifadə etmək , baxmayaraq ki, siz tək işləyirsiniz ya da + ki, minlərlə başqa developerlərlə hər bir halda eyni hissiyatı + verir. Bu, müstəqil insanlar, komandalar və təşkilatlar tərəfindən + yazılmış komponentləri problemlər olmadan birləşdirməyə imkan + verən bir dizayndır.
@@ -195,7 +195,7 @@ export function HomeContent() {
Bu markup JSX adlanır. React tərəfindən populyarlaşdırılan - JavaScript sintaksis əlavəsidir. Renderləmə məntiqinə yaxın JSX + JavaScript sintaksis əlavəsidir. Render etmək məntiqinə yaxın JSX markup qoymaq, React komponentlərini yaratmaq, saxlamaq və silməyi asanlaşdırır. @@ -204,14 +204,14 @@ export function HomeContent() {
-
Hara istəyirsiniz ora interaktivlik əlavə edin
+
İstədiyiniz yerə interaktivlik əlavə edin
React komponentləri məlumat qəbul edir və ekranda görünməli olanı - geri qaytarır. İstifadəçi bir inputa yazı yazdıqda onlara + geri qaytarır. İstifadəçi bir input-a yazı yazdıqda onlara interaktiv cavab olaraq yeni məlumatı ötürə bilərsiniz. Məsələn - istifadəçi bir inputa yazı yazdıqda onlara interaktiv cavab olaraq - yeni məlumatı ötürə bilərsiniz. Yeni məlumata uyğun olaraq React - ekranı yeniləyəcək. + istifadəçi bir input-a yazı yazdıqda onlara interaktiv cavab + olaraq yeni məlumatı ötürə bilərsiniz. Yeni məlumata uyğun olaraq + React ekranı yeniləyəcək.
@@ -237,7 +237,7 @@ export function HomeContent() {
- Framevörk ilə
+ Freymvork ilə
full-stack olun
@@ -246,7 +246,7 @@ export function HomeContent() { edilməsini göstərmir. Bütün bir applikasiyanı React ilə yığmaq üçün, biz Next.js yaxud da{' '} Remix kimi full-stack React - framevörkünü tövsiyyə edirik. + freymvork-larını tövsiyyə edirik.
@@ -254,8 +254,8 @@ export function HomeContent() {
- React həmçinin bir arxitekturadır . Framevörklər sizə serverdə - yaxud da build zamanı işləyən asinxron komponentlərdə data əldə + React həmçinin bir arxitekturadır. Freymvorklar sizə serverdə + yaxud da build zamanı işləyən asinxron komponentlərdə məlumat əldə edilməsinə şərait yaradır. Fayldan və ya verilənlər bazasından məlumatı oxuyun və bunu interaktiv komponentlərinizə ötürün. @@ -264,7 +264,7 @@ export function HomeContent() { color="gray" icon="framework" href="/learn/start-a-new-react-project"> - Framevörklə öyrənməyə başlayın + Framevorkla öyrənməyə başlayın
@@ -276,8 +276,8 @@ export function HomeContent() { Bütün platformalar üçün ən yaxşısını istifadə edin - İnsanlar veb və native applikasiyaları müxtəlif səbəblərə görə - sevir. React sizə eyni biliklər ilə veb and native + İnsanlar veb və nativ applikasiyaları müxtəlif səbəblərə görə + sevir. React sizə eyni biliklər ilə veb and nativ applikasiyaları qurmağa şərait yaradır. Sizin interfeyslərin hər platformada eyni hissiyatı verməsi, artıq hər platformanın öz unikal güclərindən asılı olacaq. @@ -301,9 +301,9 @@ export function HomeContent() { istəyir. Serverdə React sizə HTML-i yükləməyə başlayarkən hələ də məlumatı yükləməyə, Javascript kodunun yüklənməsindən əvvəl tam məzmunu doldurmağa - imkan verir. Client tərəfdə, render zamanı UI-ın düzgün - görünməsi üçün React standart veb API-larını istifadə - edir. + imkan verir. İstifadəçi tərəfdə, render zamanı UI-ın + düzgün görünməsi üçün React standart veb API-larını + istifadə edir.

@@ -381,10 +381,10 @@ export function HomeContent() {

- Həqiqi native qalın + Həqiqi nativ qalın

- İnsanlar native tətbiqlərin öz platformalarına uyğun + İnsanlar nativ tətbiqlərin öz platformalarına uyğun görünüşə və hissə malik olmasını gözləyir.{' '} React Native @@ -392,9 +392,9 @@ export function HomeContent() { və{' '} Expo{' '} sizə React applikasiyalarını Android, iOS, və - başqaları üçün yığmağa şərait yaradır. Onlar native + başqaları üçün yığmağa şərait yaradır. Onlar nativ görünür və hissiyatı verir çünki onların UI-ı{' '} - həqiqətən nativedir. Bu, bir veb görünüşü deyil — + həqiqətən nativ-dir. Bu, bir veb görünüşü deyil — sizin React komponentləriniz platforma tərəfindən təmin edilən real Android və iOS görünüşlərini render edir. @@ -407,15 +407,15 @@ export function HomeContent() {

- React ilə siz eyni zamanda veb və native developer ola - bilərsiniz. Sizin komandınız istifadəçi təcrübəsindən asılı + React ilə siz eyni zamanda veb və nativ developer ola + bilərsiniz. Sizin komandanız istifadəçi təcrübəsindən asılı olmadan çoxlu platformalara dəstək ola bilər. Sizin təşkilatınız platformalar arasındakı boşluqları aradan qaldıra bilər və bütün xüsusiyyətlərin sahibi olan komandalar yarada bilər.
- Native platformalar üçün inşa edin + Nativ platformalar üçün inşa edin
@@ -428,18 +428,18 @@ export function HomeContent() {
Yenilik hazır olduğunda yeniləmə edin
- React yeniliklərə diqqətlə yanaşır. Hər React commitində bir + React yeniliklərə diqqətlə yanaşır. Hər React commitin-də bir milyard istifadəçisi olan kritik səthlərdə test olunur. Meta-da 100.000-dən çox React komponenti hər köçürmə strategiyasını təsdiqləməyə kömək edir.
- React komandası həmişə React-ı inkişaf etdirmək üçün + React komandası həmişə React-i inkişaf etdirmək üçün araşdırmalar aparır. Bəzən araşdırmaların nəticələri almaq - üçün illər keçə bilər. React-da bir araşdırma ideyasını + üçün illər keçə bilər. React-də bir araşdırma ideyasını reallaşdırmaq üçün yüksək standartlar tətbiq edilir. Ancaq - təsdiqlənmiş yanaşmalar React-ın bir hissəsi olur. + təsdiqlənmiş yanaşmalar React-in bir hissəsi olur.