From 9aeae206f4b19bdd81fad2acc9f9dcb45f90f393 Mon Sep 17 00:00:00 2001
From: webbomj <nethack@mail.ru>
Date: Wed, 13 Mar 2024 17:17:35 +0300
Subject: [PATCH] docs(ru): added translate challenge 36

---
 .../performance/36-ngfor-optimize.md          | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)
 create mode 100644 docs/src/content/docs/ru/challenges/performance/36-ngfor-optimize.md

diff --git a/docs/src/content/docs/ru/challenges/performance/36-ngfor-optimize.md b/docs/src/content/docs/ru/challenges/performance/36-ngfor-optimize.md
new file mode 100644
index 0000000..f815fed
--- /dev/null
+++ b/docs/src/content/docs/ru/challenges/performance/36-ngfor-optimize.md
@@ -0,0 +1,33 @@
+---
+title: 🟢 NgFor Оптимизация
+description: Задача 36 заключается в изучении того, как работает track by
+author: thomas-laforge
+contributors:
+  - webbomj
+challengeNumber: 36
+command: performance-ngfor-optimize
+sidebar:
+  order: 13
+---
+
+## Information
+
+В этом приложении у нас есть список лиц, которых мы можем добавлять, удалять или обновлять. Если вы откроете панель разработчика Chrome, нажав **F12**, перейдете на вкладку "Источник" и развернете элемент, чтобы просмотреть список, вы заметите, что каждый раз, когда вы добавляете, удаляете или обновляете элемент списка, все элементы DOM уничтожаются и инициализируется снова. (Смотрите видео ниже).
+
+<video controls src="https://github.com/tomalaforge/angular-challenges/assets/30832608/71b90307-3ee3-42c0-a532-b67ce4f20bf6">
+</video>
+
+Мы также можем использовать <b>Angular DevTool</b> для профилирования нашего приложения и понимания того, что происходит внутри нашего приложения. Я покажу вам, как это сделать, в следующем видео.
+
+<video controls src="https://github.com/tomalaforge/angular-challenges/assets/30832608/dd8108c6-1d89-4b05-9aa5-e760bd6f7f11">
+</video>
+
+:::note[Заметка]
+Если вы не знаете, как им пользоваться, сначала прочтите [страницу введения в производительность](/задачи/производительность/) и вернитесь после.
+:::
+
+Если вам нужна дополнительная информация о `ngFor`, я приглашаю вас сначала ознакомиться с [документацией](https://angular.io/api/common/For).
+
+## Пояснение
+
+Цель этой задачи состоит в том, чтобы понять, что вызывает это обновление DOM, и решить его.