Initial stuff for Quick Start in Russian

Author: pblyp

src/content/learn/index.md

@@ -4,36 +4,35 @@ title: Quick Start
 
 <Intro>
 
-Welcome to the React documentation! This page will give you an introduction to the 80% of React concepts that you will use on a daily basis.
-
+Добро пожаловать в документацию React! Эта страница послужит вам введением в 80% концептов React, которые вы будете использовать каждый день.
 </Intro>
 
 <YouWillLearn>
 
-- How to create and nest components
-- How to add markup and styles
-- How to display data
-- How to render conditions and lists
-- How to respond to events and update the screen
-- How to share data between components
+- Как создавать и вкладывать компоненты
+- Как добавлять разметку и стили
+- Как отображать данные
+- Как отрисовывать условия и списки
+- Как реагировать на события и обновлять экран
+- Как обмениваться данными между компонентами
 
 </YouWillLearn>
 
 ## Creating and nesting components {/*components*/}
 
-React apps are made out of *components*. A component is a piece of the UI (user interface) that has its own logic and appearance. A component can be as small as a button, or as large as an entire page.
+Приложения на React собираются из *компонентов*. Компонент — это часть пользовательского интерфейса, у которой есть свои логика и внешность. Компоненты в размерах разнятся от мелких кнопок до больших цельных страниц.
 
-React components are JavaScript functions that return markup:
+Компоненты React — это Javascript-функции, которые возвращают разметку:
 
 ```js
 function MyButton() {
   return (
-    <button>I'm a button</button>
+    <button>Я кнопка</button>
   );
 }
 ```
 
-Now that you've declared `MyButton`, you can nest it into another component:
+Теперь, когда вы объявили `MyButton`, вы можете вложить его в другой компонент:
 
 ```js {5}
 export default function MyApp() {
@@ -46,9 +45,9 @@ export default function MyApp() {
 }
 ```
 
-Notice that `<MyButton />` starts with a capital letter. That's how you know it's a React component. React component names must always start with a capital letter, while HTML tags must be lowercase.
+Заметьте, что `<MyButton />` начинается с заглавной буквы. Это отличительная черта компонентов React. Названия компонентов в React должны всегда начинаться с заглавной буквы, а теги HTML — с маленькой.
 
-Have a look at the result:
+Посмотрите на результат:
 
 <Sandpack>