From a8836d266dd28f76be8d21f0e54c13298880dd62 Mon Sep 17 00:00:00 2001 From: Petro Ostapuk Date: Fri, 8 Mar 2019 18:26:12 +0200 Subject: [PATCH 1/3] Translated getting-started page and nav --- content/docs/getting-started.md | 112 ++++++++++++++++---------------- content/docs/nav.yml | 10 +-- 2 files changed, 61 insertions(+), 61 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 37972e83e..0230a39eb 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -1,6 +1,6 @@ --- id: getting-started -title: Getting Started +title: Починаємо permalink: docs/getting-started.html next: add-react-to-a-website.html redirect_from: @@ -18,109 +18,109 @@ redirect_from: - "docs/environments.html" --- -This page is an overview of the React documentation and related resources. +Ця сторінка є оглядом документації React та відповідних ресурсів. -**React** is a JavaScript library for building user interfaces. Learn what React is all about on [our homepage](/) or [in the tutorial](/tutorial/tutorial.html). +**React** є бібліотекою JavaScript для побудови інтерфейсів користувача. Дізнайтеся, про що йде мова на [домашній сторінці](/) чи [у навчальному посібнику](/tutorial/tutorial.html). --- -- [Try React](#try-react) -- [Learn React](#learn-react) -- [Staying Informed](#staying-informed) -- [Versioned Documentation](#versioned-documentation) -- [Something Missing?](#something-missing) +- [Спробуй React](#try-react) +- [Вивчаємо React](#learn-react) +- [Залишайся проінформованим](#staying-informed) +- [Версії документації](#versioned-documentation) +- [Щось є відсутнім?](#something-missing) -## Try React {#try-react} +## Спробуй React {#try-react} -React has been designed from the start for gradual adoption, and **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 a simple HTML page, or start a complex React-powered app, the links in this section will help you get started. +React був спроектований з самого початку так, щоб його можна було впроваджувати поступово , іншими словами **ви можете почати з малого і використовувати тільки той функціонал React який Вам потрібно.** Інформація в цьому розділі буде корисна в будь-якій ситуації: при першому знайомстві з React, при створенні простої динамічної HTML-сторінки чи при проектуванні складного React-додатка, посилання в цьому розділі допоможуть вам розпочати роботу. -### Online Playgrounds {#online-playgrounds} +### Онлайн-пісочниця {#online-playgrounds} -If you're interested in playing around with React, you can use an online code playground. Try a Hello World template on [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), or [Glitch](https://glitch.com/edit/#!/remix/starter-react-template). +Якщо ви зацікавлені погратися з React, ви можете скористатися сервісом онлайн-коду. Спробуйте шаблон Hello World на [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), чи [Glitch](https://glitch.com/edit/#!/remix/starter-react-template). -If you prefer to use your own text editor, you can also [download this HTML file](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), edit it, and open it from the local filesystem in your browser. It does a slow runtime code transformation, so we'd only recommend using this for simple demos. +Якщо ви віддаєте перевагу використовувати власний текстовий редактор, ви також можете [завантажити цей HTML файл](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), відредагуйте його і відкрийте його з локальної машини у вашому браузері. Він виконує повільне перетворення коду, тому ми рекомендуємо використовувати його лише для простих демонстрацій. -### Add React to a Website {#add-react-to-a-website} +### Добавляємо React на сайт {#add-react-to-a-website} -You can [add React to an HTML page in one minute](/docs/add-react-to-a-website.html). You can then either gradually expand its presence, or keep it contained to a few dynamic widgets. +Ви можете [додати React до HTML сторінки за одну хвилину](/docs/add-react-to-a-website.html). Також можна поступово розширювати присутність React на сайті, або застосувати його для кількох динамічних віджетів. -### Create a New React App {#create-a-new-react-app} +### Створення Нового React Додатку {#create-a-new-react-app} -When starting a React project, [a simple HTML page with script tags](/docs/add-react-to-a-website.html) might still be the best option. It only takes a minute to set up! +Коли розпочинаєте React проект, [проста HTML сторінка з тегом script](/docs/add-react-to-a-website.html) може бути найкращим рішенням. Це займе хвилину для налаштування! -As your application grows, you might want to consider a more integrated setup. There are [several JavaScript toolchains](/docs/create-a-new-react-app.html) we recommend for larger applications. Each of them can work with little to no configuration and lets you take full advantage of the rich React ecosystem. +По мірі того, як додаток зростає, ви можете розглянути більш інтегровані налаштування. Тут є [декілька JavaScript інструментів](/docs/create-a-new-react-app.html), які ми рекомендуємо для великих додатків. Кожен з них може працювати з незначною конфігурацією і дає змогу скористатися всіма перевагами багатої екосистеми React. -## Learn React {#learn-react} +## Вивчаємо React {#learn-react} -People come to React from different backgrounds and with different learning styles. Whether you prefer a more theoretical or a practical approach, we hope you'll find this section helpful. +Люди приходять до React з досвідом і з різними стилями навчання. Якщо ви віддаєте перевагу більш теоретичному або практичному підходу, ми сподіваємося, що цей розділ буде корисним. -* If you prefer to **learn by doing**, start with our [practical tutorial](/tutorial/tutorial.html). -* If you prefer to **learn concepts step by step**, start with our [guide to main concepts](/docs/hello-world.html). +* Якщо ви віддаєте перевагу **навчанню через практику**, почніть з нашого [практичного посібника](/tutorial/tutorial.html). +* Якщо ви віддаєте перевагу **навчанню основних концепцій крок за кроком**, почніть з нашого [посібника з основних понять](/docs/hello-world.html). -Like any unfamiliar technology, React does have a learning curve. With practice and some patience, you *will* get the hang of it. +Як і будь-яка незнайома технологія, React має криву навчання. З практикою і деяким терпінням, вам *вдасться освоїти* його. -### First Examples {#first-examples} +### Перші приклади {#first-examples} -The [React homepage](/) contains a few small React examples with a live editor. Even if you don't know anything about React yet, try changing their code and see how it affects the result. +[Голова сторінка React](/) містить декілька невеликих прикладів на React з онлайн редактором. Навіть якщо ви ще нічого не знаєте про React, спробуйте змінити код і дізнайтеся, як він впливає на результат. -### React for Beginners {#react-for-beginners} +### React для новачків {#react-for-beginners} -If you feel that the React documentation goes at a faster pace than you're comfortable with, check out [this overview of React by Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). It introduces the most important React concepts in a detailed, beginner-friendly way. Once you're done, give the documentation another try! +Якщо ви відчуваєте що документація для Вас є складною і пояснюює все дуже швидко, прочитайте [цей огляд про React від Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). Він знайомить з найважливішими концепціями React у деталях, зручним для початківців способом. Як тільки ви закінчите, дайте документації ще одну спробу! -### React for Designers {#react-for-designers} +### React для дизайнерів {#react-for-designers} -If you're coming from a design background, [these resources](https://reactfordesigners.com/) are a great place to get started. +Якщо Ви прийшли з досвідом дизайну, [цей ресурс](https://reactfordesigners.com/) є чудовим місце для початку. -### JavaScript Resources {#javascript-resources} +### JavaScript русурси {#javascript-resources} -The React documentation assumes some familiarity with programming in the JavaScript language. You don't have to be an expert, but it's harder to learn both React and JavaScript at the same time. +Документація React передбачає певне знайомство з програмуванням на мові JavaScript. Ви не повинні бути експертом, але важче вивчати як React, так і JavaScript одночасно. -We recommend going through [this JavaScript overview](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) to check your knowledge level. It will take you between 30 minutes and an hour but you will feel more confident learning React. +Ми рекомендуємо розпочати з [цієї JavaScript статті](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) для актуалізації рівня знань. Це займе від 30хв до години часу, але Ви будете відчувати себе більш впевненим при вивченні React. ->Tip +>Рекомендація > ->Whenever you get confused by something in JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and [javascript.info](https://javascript.info/) are great websites to check. There are also [community support forums](/community/support.html) where you can ask for help. +>Якщо таки у Вас є пробіли в заннях JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and [javascript.info](https://javascript.info/) будуть чудовими джерелами інформації. Tакож Ви можете пропросити допомоги чи задати свої запитання на [форумі нашої спільноти](/community/support.html). -### Practical Tutorial {#practical-tutorial} +### Практичний посібник {#practical-tutorial} -If you prefer to **learn by doing,** check out our [practical tutorial](/tutorial/tutorial.html). In this tutorial, we build a tic-tac-toe game in React. You might be tempted to skip it because you're not building games -- but give it a chance. The techniques you'll learn in the tutorial are fundamental to building *any* React apps, and mastering it will give you a much deeper understanding. +Якщо ви віддаєте перевагу **навчанню через практику** почніть з нашого [практичного посібника](/tutorial/tutorial.html). В ньому описано процес розробки гри в хрестики-нулики. Якщо ви не плануєте програмувати ігри, все одно приділіть увагу цьому розділу документації. Прийоми, які ви освоїте - фундамент для розробки будь-якого додатка на React. Введення дасть Вам більш глибоке розуміння React. -### Step-by-Step Guide {#step-by-step-guide} +### Покрокова інструкція {#step-by-step-guide} -If you prefer to **learn concepts step by step,** our [guide to main concepts](/docs/hello-world.html) is the best place to start. Every next chapter in it builds on the knowledge introduced in the previous chapters so you won't miss anything as you go along. +Якщо ви віддаєте перевагу **навчанню основних концепцій крок за кроком**, почніть з нашого [посібника з основних понять](/docs/hello-world.html) який є кращим місцем для старту. Коже наступний опису розділу спирається на знання з попереднього, тому ви нічого не втратите в процесі вивчення матеріалу. -### Thinking in React {#thinking-in-react} +### Філософія React {#thinking-in-react} -Many React users credit reading [Thinking in React](/docs/thinking-in-react.html) as the moment React finally "clicked" for them. It's probably the oldest React walkthrough but it's still just as relevant. +У багатьох користувачів React після прочитання [Філософії React](/docs/thinking-in-react.html) все стало на свої місця. Це, напевно, найстаріше керівництво по React, але воно все ще є актуальним. -### Recommended Courses {#recommended-courses} +### Рекомендовані курси {#recommended-courses} -Sometimes people find third-party books and video courses more helpful than the official documentation. We maintain [a list of commonly recommended resources](/community/courses.html), some of which are free. +Інколи людям більше подобаються курси і інші книги по React більш корисними ніж офіційна документація. Ми підтримуємо [список загальних рекомендованих курсів](/community/courses.html), деякі із них є безкоштовними. -### Advanced Concepts {#advanced-concepts} +### Розширені концепції {#advanced-concepts} -Once you're comfortable with the [main concepts](#main-concepts) and played with React a little bit, you might be interested in more advanced topics. This section will introduce you to the powerful, but less commonly used React features like [context](/docs/context.html) and [refs](/docs/refs-and-the-dom.html). +Одного разу коли ви зрозумієте [основні концепції](#main-concepts) і трішки награєтесь з React, Вас можуть зацікавити більш складні теми. Цей розділ ознайомить Вас з потужними, але менш часто використовуваними функціями React такими, як [context](/docs/context.html) і [refs](/docs/refs-and-the-dom.html). -### API Reference {#api-reference} +### API Довідник {#api-reference} -This documentation section is useful when you want to learn more details about a particular React API. For example, [`React.Component` API reference](/docs/react-component.html) can provide you with details on how `setState()` works, and what different lifecycle methods are useful for. +Цей розділ документації корисний, якщо Ви хочете дізнатися більше подробиць про конкретний API React. Для прикладу, [`React.Component` API](/docs/react-component.html) розповість про роботу функції `setState()`, і роботу з різними методами керування життєвим циклом компонентів. -### Glossary and FAQ {#glossary-and-faq} +### Глосарій і FAQ {#glossary-and-faq} -The [glossary](/docs/glossary.html) contains an overview of the most common terms you'll see in the React documentation. There is also a FAQ section dedicated to short questions and answers about common topics, including [making AJAX requests](/docs/faq-ajax.html), [component state](/docs/faq-state.html), and [file structure](/docs/faq-structure.html). +[Глосарій](/docs/glossary.html) містить огляд найпоширеніших термінів, які ви побачите в документації React. Існує також розділ поширених запитань, присвячений коротким запитанням і відповідям на спільні теми, зокрема [використання AJAX запитів](/docs/faq-ajax.html), [стан компонента](/docs/faq-state.html), і [структуру проекту](/docs/faq-structure.html). -## Staying Informed {#staying-informed} +## Залишайся проінформованим {#staying-informed} -The [React blog](/blog/) is the official source for the updates from the React team. Anything important, including release notes or deprecation notices, will be posted there first. +[Блок React](/blog/) є офіційним джерелом оновлень від команди React. Всі самі важливі новини, включаючи списки змін і не рекомендованих до використання функцій, публікуються в першу чергу тут. -You can also follow the [@reactjs account](https://twitter.com/reactjs) on Twitter, but you won't miss anything essential if you only read the blog. +Ви також можете підписатись на наш [@reactjs профіль](https://twitter.com/reactjs) в Twitter, однак Ви не пропустите нічого важливого, якщо будете слідкувати тільки за блогом. -Not every React release deserves its own blog post, but you can find a detailed changelog for every release [in the `CHANGELOG.md` file in the React repository](https://github.com/facebook/react/blob/master/CHANGELOG.md), as well as on the [Releases](https://github.com/facebook/react) page. +В блозі ми пишемо не про всі релізи React, але завжди є можливість переглянути повний список змін [в файлі `CHANGELOG.md` в репозиторії React](https://github.com/facebook/react/blob/master/CHANGELOG.md), а також на сторінці [Релізи](https://github.com/facebook/react). -## Versioned Documentation {#versioned-documentation} +## Версії документації {#versioned-documentation} -This documentation always reflects the latest stable version of React. Since React 16, you can find older versions of the documentation [on a separate page](/versions). Note that documentation for past versions is snapshotted at the time of the release, and isn't being continuously updated. +Ця документація завжди відображає останню стабільну версію React. Починаючи з версії React 16, ми публікуємо старі версії документації [на окремій сторінці](/versions). Враховуйте, що копії документа створюються в момент виходу релізу і більше не обновляються. -## Something Missing? {#something-missing} +## Щось є відсутнім? {#something-missing} -If something is missing in the documentation or if you found some part confusing, please [file an issue for the documentation repository](https://github.com/reactjs/reactjs.org/issues/new) with your suggestions for improvement, or tweet at the [@reactjs account](https://twitter.com/reactjs). We love hearing from you! +Якщо щось відсутнє в документації, або якщо ви знайшли помилку, ви можете створити [issue в репозиторії документації](https://github.com/reactjs/reactjs.org/issues/new) із зазначенням способу вирішення проблеми або просто напишіть нам в [Twitter @reactjs](https://twitter.com/reactjs). Ми завжди раді чути Вас! diff --git a/content/docs/nav.yml b/content/docs/nav.yml index f1599617b..5fb788932 100644 --- a/content/docs/nav.yml +++ b/content/docs/nav.yml @@ -1,14 +1,14 @@ -- title: Installation +- title: Установка items: - id: getting-started - title: Getting Started + title: Починаємо - id: add-react-to-a-website title: Додаємо React до вашого сайту - id: create-a-new-react-app - title: Create a New React App + title: Створення Нового React Додатку - id: cdn-links - title: CDN Links -- title: Main Concepts + title: CDN Посилання +- title: Основні поняття isOrdered: true items: - id: hello-world From 7036daa420d7dac1f392002c88e12526a9cb7a26 Mon Sep 17 00:00:00 2001 From: Petro Ostapuk Date: Sat, 9 Mar 2019 12:04:08 +0200 Subject: [PATCH 2/3] Update getting-started.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Виправлення помилок --- content/docs/getting-started.md | 80 ++++++++++++++++----------------- 1 file changed, 40 insertions(+), 40 deletions(-) diff --git a/content/docs/getting-started.md b/content/docs/getting-started.md index 0230a39eb..b251f93ff 100644 --- a/content/docs/getting-started.md +++ b/content/docs/getting-started.md @@ -1,6 +1,6 @@ --- id: getting-started -title: Починаємо +title: Початок роботи permalink: docs/getting-started.html next: add-react-to-a-website.html redirect_from: @@ -24,70 +24,70 @@ redirect_from: --- -- [Спробуй React](#try-react) +- [Спробуйте React](#try-react) - [Вивчаємо React](#learn-react) -- [Залишайся проінформованим](#staying-informed) -- [Версії документації](#versioned-documentation) -- [Щось є відсутнім?](#something-missing) +- [Залишайтеся проінформованим](#staying-informed) +- [Версіонована документація](#versioned-documentation) +- [Чогось не вистачає?](#something-missing) -## Спробуй React {#try-react} +## Спробуйте React {#try-react} -React був спроектований з самого початку так, щоб його можна було впроваджувати поступово , іншими словами **ви можете почати з малого і використовувати тільки той функціонал React який Вам потрібно.** Інформація в цьому розділі буде корисна в будь-якій ситуації: при першому знайомстві з React, при створенні простої динамічної HTML-сторінки чи при проектуванні складного React-додатка, посилання в цьому розділі допоможуть вам розпочати роботу. +React з самого початку був спроектований так, щоб його можна було впроваджувати поступово, іншими словами **ви можете почати з малого і використовувати тільки той функціонал React який вам потрібно.** Якщо ви тільки знайомитесь з React, додаєте інтерактивність до простої динамічної HTML-сторінки чи проектуєте складний React-додаток, посилання на цій сторінці допоможуть вам розпочати роботу ### Онлайн-пісочниця {#online-playgrounds} -Якщо ви зацікавлені погратися з React, ви можете скористатися сервісом онлайн-коду. Спробуйте шаблон Hello World на [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new), чи [Glitch](https://glitch.com/edit/#!/remix/starter-react-template). +Якщо ви хочете погратися з React, ви можете скористатися онлайн-пісочницею. Спробуйте шаблон Hello World на [CodePen](codepen://hello-world), [CodeSandbox](https://codesandbox.io/s/new) чи [Glitch](https://glitch.com/edit/#!/remix/starter-react-template). -Якщо ви віддаєте перевагу використовувати власний текстовий редактор, ви також можете [завантажити цей HTML файл](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), відредагуйте його і відкрийте його з локальної машини у вашому браузері. Він виконує повільне перетворення коду, тому ми рекомендуємо використовувати його лише для простих демонстрацій. +Якщо ви віддаєте перевагу власному текстовому редакторові, ви також можете [завантажити цей HTML-файл](https://raw.githubusercontent.com/reactjs/reactjs.org/master/static/html/single-file-example.html), відредагувати його і відкрити локально у вашому браузері. Він виконує повільне перетворення коду, тому ми рекомендуємо використовувати його лише для простих демонстрацій. -### Добавляємо React на сайт {#add-react-to-a-website} +### Додаємо до сайту React {#add-react-to-a-website} -Ви можете [додати React до HTML сторінки за одну хвилину](/docs/add-react-to-a-website.html). Також можна поступово розширювати присутність React на сайті, або застосувати його для кількох динамічних віджетів. +Ви можете [додати React до HTML-сторінки за одну хвилину](/docs/add-react-to-a-website.html). Також можна поступово розширювати присутність React на сайті, або застосувати його для кількох динамічних віджетів. -### Створення Нового React Додатку {#create-a-new-react-app} +### Створення нового React додатку {#create-a-new-react-app} -Коли розпочинаєте React проект, [проста HTML сторінка з тегом script](/docs/add-react-to-a-website.html) може бути найкращим рішенням. Це займе хвилину для налаштування! +Коли розпочинаєте React проект, [то проста HTML-сторінка з тегом script](/docs/add-react-to-a-website.html) може бути найкращим рішенням. Її можна налаштувати всього за хвилину! -По мірі того, як додаток зростає, ви можете розглянути більш інтегровані налаштування. Тут є [декілька JavaScript інструментів](/docs/create-a-new-react-app.html), які ми рекомендуємо для великих додатків. Кожен з них може працювати з незначною конфігурацією і дає змогу скористатися всіма перевагами багатої екосистеми React. +З ростом вашого додатку ви, можливо, захочете розглянути інші налаштування вашого оточення. Тут є [декілька JavaScript інструментів](/docs/create-a-new-react-app.html), які ми рекомендуємо для великих додатків. Кожен з них може працювати практично без додаткових налаштувань і дає змогу скористатися всіма перевагами багатої екосистеми React. ## Вивчаємо React {#learn-react} -Люди приходять до React з досвідом і з різними стилями навчання. Якщо ви віддаєте перевагу більш теоретичному або практичному підходу, ми сподіваємося, що цей розділ буде корисним. +Люди приходять до React з різним досвідом і стилем навчання. Ви можете віддавати перевагу теоретичному чи практичному підходу до вивчення, але у будь-якому випадку ми сподіваємося, що цей розділ буде для вас корисним. * Якщо ви віддаєте перевагу **навчанню через практику**, почніть з нашого [практичного посібника](/tutorial/tutorial.html). * Якщо ви віддаєте перевагу **навчанню основних концепцій крок за кроком**, почніть з нашого [посібника з основних понять](/docs/hello-world.html). -Як і будь-яка незнайома технологія, React має криву навчання. З практикою і деяким терпінням, вам *вдасться освоїти* його. +Як і будь-яка незнайома технологія, React має криву навчання. З практикою і деяким терпінням вам *вдасться освоїти* його. ### Перші приклади {#first-examples} -[Голова сторінка React](/) містить декілька невеликих прикладів на React з онлайн редактором. Навіть якщо ви ще нічого не знаєте про React, спробуйте змінити код і дізнайтеся, як він впливає на результат. +[Голова сторінка React](/) містить декілька невеликих прикладів на React з онлайн редактором. Навіть якщо ви ще нічого не знаєте про React, спробуйте змінити код і дізнайтеся, як це вплине на результат. ### React для новачків {#react-for-beginners} -Якщо ви відчуваєте що документація для Вас є складною і пояснюює все дуже швидко, прочитайте [цей огляд про React від Tania Rascia](https://www.taniarascia.com/getting-started-with-react/). Він знайомить з найважливішими концепціями React у деталях, зручним для початківців способом. Як тільки ви закінчите, дайте документації ще одну спробу! +Якщо ви відчуваєте, що документація для вас є складною і пояснює все дуже швидко, прочитайте [цей огляд React від Таня Раша](https://www.taniarascia.com/getting-started-with-react/). У ньому детально і зручно для початківців висвітлено найважливіші концепції React. Як тільки ви закінчите, дайте документації ще одну спробу! ### React для дизайнерів {#react-for-designers} -Якщо Ви прийшли з досвідом дизайну, [цей ресурс](https://reactfordesigners.com/) є чудовим місце для початку. +Якщо ви прийшли з досвідом дизайну, [цей ресурс](https://reactfordesigners.com/) є чудовим місцем для початку. -### JavaScript русурси {#javascript-resources} +### JavaScript ресурси {#javascript-resources} -Документація React передбачає певне знайомство з програмуванням на мові JavaScript. Ви не повинні бути експертом, але важче вивчати як React, так і JavaScript одночасно. +Документація React передбачає певну обізнаність в програмуванні на мові JavaScript. Ви не повинні бути експертом, але важче вивчати як React, так і JavaScript одночасно. -Ми рекомендуємо розпочати з [цієї JavaScript статті](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript) для актуалізації рівня знань. Це займе від 30хв до години часу, але Ви будете відчувати себе більш впевненим при вивченні React. +Ми рекомендуємо розпочати з [цієї JavaScript статті](https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript), щоб перевірити рівень ваших знань. Для цього знадобиться від 30 хвилин до години часу, але ви будете відчувати себе більш впевненим при вивченні React. ->Рекомендація +>Порада > ->Якщо таки у Вас є пробіли в заннях JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) and [javascript.info](https://javascript.info/) будуть чудовими джерелами інформації. Tакож Ви можете пропросити допомоги чи задати свої запитання на [форумі нашої спільноти](/community/support.html). +>При виникненні питань щодо JavaScript, [MDN](https://developer.mozilla.org/en-US/docs/Web/JavaScript) і [javascript.info](https://javascript.info/) будуть чудовими джерелами інформації. Tакож ви можете попросити допомоги чи поставити запитання на [форумі нашої спільноти](/community/support.html). ### Практичний посібник {#practical-tutorial} -Якщо ви віддаєте перевагу **навчанню через практику** почніть з нашого [практичного посібника](/tutorial/tutorial.html). В ньому описано процес розробки гри в хрестики-нулики. Якщо ви не плануєте програмувати ігри, все одно приділіть увагу цьому розділу документації. Прийоми, які ви освоїте - фундамент для розробки будь-якого додатка на React. Введення дасть Вам більш глибоке розуміння React. +Якщо ви віддаєте перевагу **навчанню через практику,** почніть з нашого [практичного посібника](/tutorial/tutorial.html). У ньому описано процес розробки гри в хрестики-нулики. Якщо ви не плануєте програмувати ігри, все одно приділіть увагу цьому розділу документації. Прийоми, які ви освоїте — фундамент для розробки будь-якого додатка на React. Введення дасть вам більш глибоке розуміння React. ### Покрокова інструкція {#step-by-step-guide} -Якщо ви віддаєте перевагу **навчанню основних концепцій крок за кроком**, почніть з нашого [посібника з основних понять](/docs/hello-world.html) який є кращим місцем для старту. Коже наступний опису розділу спирається на знання з попереднього, тому ви нічого не втратите в процесі вивчення матеріалу. +Якщо ви віддаєте перевагу **вивченню основних концепцій крок за кроком**, то найкраще почати з нашого [посібника з основних понять](/docs/hello-world.html). Кожен наступний розділ спирається на знання з попереднього, тому ви нічого не пропустите в процесі вивчення матеріалу. ### Філософія React {#thinking-in-react} @@ -95,32 +95,32 @@ React був спроектований з самого початку так, ### Рекомендовані курси {#recommended-courses} -Інколи людям більше подобаються курси і інші книги по React більш корисними ніж офіційна документація. Ми підтримуємо [список загальних рекомендованих курсів](/community/courses.html), деякі із них є безкоштовними. +Інколи людям більше подобаються курси і інші книги по React більш корисними, ніж офіційна документація. Ми підтримуємо [список часто рекомендованих ресурсів](/community/courses.html). Деякі із них є безкоштовними. -### Розширені концепції {#advanced-concepts} +### Поглиблені концепції {#advanced-concepts} -Одного разу коли ви зрозумієте [основні концепції](#main-concepts) і трішки награєтесь з React, Вас можуть зацікавити більш складні теми. Цей розділ ознайомить Вас з потужними, але менш часто використовуваними функціями React такими, як [context](/docs/context.html) і [refs](/docs/refs-and-the-dom.html). +Як тільки ви зрозумієте [основні концепції](#main-concepts) і трішки награєтесь з React, вас можуть зацікавити більш складні теми. Цей розділ ознайомить вас з потужними, але менш вживаними функціями React, такими як [context](/docs/context.html) і [refs](/docs/refs-and-the-dom.html). ### API Довідник {#api-reference} -Цей розділ документації корисний, якщо Ви хочете дізнатися більше подробиць про конкретний API React. Для прикладу, [`React.Component` API](/docs/react-component.html) розповість про роботу функції `setState()`, і роботу з різними методами керування життєвим циклом компонентів. +Цей розділ документації корисний, якщо ви хочете дізнатися більше подробиць про конкретний API React. Для прикладу, [`React.Component` API](/docs/react-component.html) розповість про роботу функції `setState()` і для чого корисні різні методи життєвого циклу компоненту. -### Глосарій і FAQ {#glossary-and-faq} +### Словник термінів і FAQ {#glossary-and-faq} -[Глосарій](/docs/glossary.html) містить огляд найпоширеніших термінів, які ви побачите в документації React. Існує також розділ поширених запитань, присвячений коротким запитанням і відповідям на спільні теми, зокрема [використання AJAX запитів](/docs/faq-ajax.html), [стан компонента](/docs/faq-state.html), і [структуру проекту](/docs/faq-structure.html). +[Словник термінів](/docs/glossary.html) містить огляд найпоширеніших термінів, які ви побачите в документації React. Існує також розділ часто поставлених запитань, присвячений коротким запитанням і відповідям на поширені теми, зокрема [виконання AJAX запитів](/docs/faq-ajax.html), [стан компонента](/docs/faq-state.html) і [структуру проекту](/docs/faq-structure.html). -## Залишайся проінформованим {#staying-informed} +## Залишайтеся проінформованим {#staying-informed} -[Блок React](/blog/) є офіційним джерелом оновлень від команди React. Всі самі важливі новини, включаючи списки змін і не рекомендованих до використання функцій, публікуються в першу чергу тут. +[Блог React](/blog/) є офіційним джерелом оновлень від команди React. Всі найважливіші новини, включно з примітками до релізу чи списком застарілих функцій, публікуються в першу чергу тут. -Ви також можете підписатись на наш [@reactjs профіль](https://twitter.com/reactjs) в Twitter, однак Ви не пропустите нічого важливого, якщо будете слідкувати тільки за блогом. +Ви також можете підписатись на [профіль @reactjs](https://twitter.com/reactjs) у Twitter, однак ви не пропустите нічого важливого, якщо будете слідкувати тільки за блогом. -В блозі ми пишемо не про всі релізи React, але завжди є можливість переглянути повний список змін [в файлі `CHANGELOG.md` в репозиторії React](https://github.com/facebook/react/blob/master/CHANGELOG.md), а також на сторінці [Релізи](https://github.com/facebook/react). +У блозі ми пишемо не про всі релізи React, але завжди є можливість переглянути повний список змін [в файлі `CHANGELOG.md` у репозиторії React](https://github.com/facebook/react/blob/master/CHANGELOG.md), а також на сторінці [Релізи](https://github.com/facebook/react). -## Версії документації {#versioned-documentation} +## Версіонована документація {#versioned-documentation} -Ця документація завжди відображає останню стабільну версію React. Починаючи з версії React 16, ми публікуємо старі версії документації [на окремій сторінці](/versions). Враховуйте, що копії документа створюються в момент виходу релізу і більше не обновляються. +Ця документація завжди відображає останню стабільну версію React. Починаючи з версії React 16, ми публікуємо старі версії документації [на окремій сторінці](/versions). Зверніть увагу, що документація попередніх версій створюється в момент релізу і більше не оновлюється. -## Щось є відсутнім? {#something-missing} +## Чогось не вистачає? {#something-missing} -Якщо щось відсутнє в документації, або якщо ви знайшли помилку, ви можете створити [issue в репозиторії документації](https://github.com/reactjs/reactjs.org/issues/new) із зазначенням способу вирішення проблеми або просто напишіть нам в [Twitter @reactjs](https://twitter.com/reactjs). Ми завжди раді чути Вас! +Якщо в документації чогось не вистачає, або ви знайшли помилку, ви можете створити [issue в репозиторії документації](https://github.com/reactjs/reactjs.org/issues/new) із зазначенням способу вирішення проблеми або просто напишіть нам в [Twitter @reactjs](https://twitter.com/reactjs). Ми завжди раді чути вас! From 043303ceb4d74ac5bf9ffd4b0ef18a678136646f Mon Sep 17 00:00:00 2001 From: Petro Ostapuk Date: Sat, 9 Mar 2019 12:05:40 +0200 Subject: [PATCH 3/3] Update nav.yml MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Виправлення помилок --- content/docs/nav.yml | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/content/docs/nav.yml b/content/docs/nav.yml index 5fb788932..3a15f9e05 100644 --- a/content/docs/nav.yml +++ b/content/docs/nav.yml @@ -1,11 +1,11 @@ -- title: Установка +- title: Встановлення items: - id: getting-started - title: Починаємо + title: Початок роботи - id: add-react-to-a-website title: Додаємо React до вашого сайту - id: create-a-new-react-app - title: Створення Нового React Додатку + title: Створення нового React додатку - id: cdn-links title: CDN Посилання - title: Основні поняття