Skip to content

Commit b8f70f0

Browse files
authored
Merge pull request #214 from Kabandis/patch-1
Update hooks-effect.md
2 parents 4541b5a + 7beef27 commit b8f70f0

1 file changed

Lines changed: 4 additions & 4 deletions

File tree

content/docs/hooks-effect.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -144,7 +144,7 @@ function Example() {
144144
145145
## Ефекти зі скиданням {#effects-with-cleanup}
146146

147-
Раніше ми розглядали побічні ефекти, які не вимогали скидання. Однак, є випадки, коли скидання все ж таки необхідне. Наприклад, **нам може знадобитися встановити підписку** на яке-небудь зовнішнє джерело даних. У цьому випадку дуже важливо виконувати скидання, щоб не сталося витоків пам'яті! Давайте порівняємо, як ми можемо це реалізувати за допомогою класів та хуків.
147+
Раніше ми розглядали побічні ефекти, які не вимагали скидання. Однак, є випадки, коли скидання все ж таки необхідне. Наприклад, **нам може знадобитися встановити підписку** на яке-небудь зовнішнє джерело даних. У цьому випадку дуже важливо виконувати скидання, щоб не сталося витоків пам'яті! Давайте порівняємо, як ми можемо це реалізувати за допомогою класів та хуків.
148148

149149
### Приклад з використанням класів{#example-using-classes-1}
150150

@@ -267,7 +267,7 @@ function FriendStatus(props) {
267267

268268
## Поради щодо використання ефектів {#tips-for-using-effects}
269269

270-
Далі, ми поглибимося у деякі особливості хуака `useEffect`, про які досвідчені користувачі React напевно вже задумалися. Будь ласка, не змушуйте себе заглиблюватися в ці особливості прямо зараз. Ви можете спершу закріпити вище пройдений матеріал і повернутися сюди пізніше в будь-який момент.
270+
Далі, ми поглибимося у деякі особливості хуку `useEffect`, про які досвідчені користувачі React напевно вже задумалися. Будь ласка, не змушуйте себе заглиблюватися в ці особливості прямо зараз. Ви можете спершу закріпити вище пройдений матеріал і повернутися сюди пізніше в будь-який момент.
271271

272272
### Порада: використовуйте різні хуки для різних задач {#tip-use-multiple-effects-to-separate-concerns}
273273

@@ -393,7 +393,7 @@ function FriendStatusWithCounter(props) {
393393
394394
Невикористання `componentDidUpdate` належним чином — це один з найпоширеніших джерел багів в React-додатках.
395395
396-
Тепер давайте розглянемо версію цього ж самого компонента, але вже написаного з використанням хуков:
396+
Тепер давайте розглянемо версію цього ж самого компонента, але вже написаного з використанням хуків:
397397
398398
```js
399399
function FriendStatus(props) {
@@ -427,7 +427,7 @@ ChatAPI.subscribeToFriendStatus(300, handleStatusChange); // Виконує
427427
ChatAPI.unsubscribeFromFriendStatus(300, handleStatusChange); // Скидаємо останній ефект
428428
```
429429
430-
Ця логіка за замовчуванням гарантує узгодженість виконуваних нами дій і запобігає баги, поширені в класових компонентах через упущену логіку оновлення.
430+
Ця логіка за замовчуванням гарантує узгодженість виконуваних нами дій і запобігає багам, поширених в класових компонентах через упущену логіку оновлення.
431431
432432
### Порада: оптимізація продуктивності за рахунок пропуску ефектів {#tip-optimizing-performance-by-skipping-effects}
433433

0 commit comments

Comments
 (0)