You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/hooks-effect.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -144,7 +144,7 @@ function Example() {
144
144
145
145
## Ефекти зі скиданням {#effects-with-cleanup}
146
146
147
-
Раніше ми розглядали побічні ефекти, які не вимогали скидання. Однак, є випадки, коли скидання все ж таки необхідне. Наприклад, **нам може знадобитися встановити підписку** на яке-небудь зовнішнє джерело даних. У цьому випадку дуже важливо виконувати скидання, щоб не сталося витоків пам'яті! Давайте порівняємо, як ми можемо це реалізувати за допомогою класів та хуків.
147
+
Раніше ми розглядали побічні ефекти, які не вимагали скидання. Однак, є випадки, коли скидання все ж таки необхідне. Наприклад, **нам може знадобитися встановити підписку** на яке-небудь зовнішнє джерело даних. У цьому випадку дуже важливо виконувати скидання, щоб не сталося витоків пам'яті! Давайте порівняємо, як ми можемо це реалізувати за допомогою класів та хуків.
148
148
149
149
### Приклад з використанням класів{#example-using-classes-1}
150
150
@@ -267,7 +267,7 @@ function FriendStatus(props) {
267
267
268
268
## Поради щодо використання ефектів {#tips-for-using-effects}
269
269
270
-
Далі, ми поглибимося у деякі особливості хуака`useEffect`, про які досвідчені користувачі React напевно вже задумалися. Будь ласка, не змушуйте себе заглиблюватися в ці особливості прямо зараз. Ви можете спершу закріпити вище пройдений матеріал і повернутися сюди пізніше в будь-який момент.
270
+
Далі, ми поглибимося у деякі особливості хуку`useEffect`, про які досвідчені користувачі React напевно вже задумалися. Будь ласка, не змушуйте себе заглиблюватися в ці особливості прямо зараз. Ви можете спершу закріпити вище пройдений матеріал і повернутися сюди пізніше в будь-який момент.
271
271
272
272
### Порада: використовуйте різні хуки для різних задач {#tip-use-multiple-effects-to-separate-concerns}
273
273
@@ -393,7 +393,7 @@ function FriendStatusWithCounter(props) {
393
393
394
394
Невикористання `componentDidUpdate` належним чином — це один з найпоширеніших джерел багів в React-додатках.
395
395
396
-
Тепер давайте розглянемо версію цього ж самого компонента, але вже написаного з використанням хуков:
396
+
Тепер давайте розглянемо версію цього ж самого компонента, але вже написаного з використанням хуків:
397
397
398
398
```js
399
399
functionFriendStatus(props) {
@@ -427,7 +427,7 @@ ChatAPI.subscribeToFriendStatus(300, handleStatusChange); // Виконує
427
427
ChatAPI.unsubscribeFromFriendStatus(300, handleStatusChange); // Скидаємо останній ефект
428
428
```
429
429
430
-
Ця логіка за замовчуванням гарантує узгодженість виконуваних нами дій і запобігає баги, поширені в класових компонентах через упущену логіку оновлення.
430
+
Ця логіка за замовчуванням гарантує узгодженість виконуваних нами дій і запобігає багам, поширених в класових компонентах через упущену логіку оновлення.
431
431
432
432
### Порада: оптимізація продуктивності за рахунок пропуску ефектів {#tip-optimizing-performance-by-skipping-effects}
0 commit comments