Що таке КОРИСТУВАЦЬКИЙ ХУК Англійською - Англійська переклад

• custom hook

Приклади вживання Користувацький хук Українська мовою та їх переклад на Англійською

Користувацький хук useFriendStatus.
UseFriendStatus Hook.

Тепер давайте поглянемо, як ми можемо використовувати наш користувацький хук.
Now let's see how we can use our custom Hook.

Як користувацький хук отримує власний ізольований стан?
How does a custom Hook get isolated state?

Перш за все, давайте винесемо цю логіку в користувацький хук useFriendStatus:.
First, we will extract this logic into a custom Hook called useFriendStatus:.

(Якщо вам потрібно робити це часто, можете створити для цього користувацький хук.).
(If you find yourself doing this often, you could create a custom Hook for it.).

На відміну від React-компонента, користувацький хук не повинен мати особливої сигнатури.
Unlike a React component, a custom Hook doesn't need to have a specific signature.

Це може виглядати дещо ускладненим, але ви можете виокремити логіку в користувацький хук:.
This might be a bit convoluted but you can extract it into a custom Hook:.

Це допоможе легко виокремити спільну логіку у користувацький хук пізніше, наприклад:.
It makes it easy to later extract some related logic into a custom Hook, for example:.

Наприклад, ми маємо користувацький хук useFriendStatus описаний у розділі“Створення користувацьких хуків”:.
For example, consider the useFriendStatus custom Hook described in“Building Your Own Hooks”:.

Користувацький хук- це JavaScript-функція, ім'я якої починається з”use”, і яка може викликати інші хуки..
A custom Hook is a JavaScript function whose name starts with”use” and that may call other Hooks..

Якщо ім'я функції починається з”use” і вона викликає інші хуки, ми розцінюємо це як користувацький хук.
If a function's name starts with”use” and it calls other Hooks, we say it is a custom Hook.

Якщо вам потрібно протестувати користувацький хук, ви можете зробити це, створивши компонент у вашому тесті і використати хук у ньому.
If you need to test a custom Hook, you can do so by creating a component in your test, and using your Hook from it.

Зверніть увагу на те, як ми змогли винести виклик useState для змінної стану position і відповідний ефект у користувацький хук без зміни їхнього коду.
Note how we were able to move the useState call for the position state variable and the related effect into a custom Hook without changing their code.

Для прикладу, користувацький хук, що повертає значення Date, може уникнути викликання функції toDateString, передавши наступну функцію форматування:.
For example a custom Hook that returned a Date value could avoid calling the toDateString function unnecessarily by passing the following formatter:.

Але ми також рекомендуємо вам помічати випадки, в яких користувацький хук може приховати складну логіку за простим інтерфейсом чи допоможе розплутати заплутаний компонент.
But we also encourage you to start spotting cases where a custom Hook could hide complex logic behind a simple interface, or help untangle a messy component.

Користувацькі хуки- це механізм повторного використання логіки зі станом(наприклад, налаштування підписки і збереження поточного значення), але кожного разу, коли ви використовуєте користувацький хук, увесь стан та ефекти всередині нього є повністю незалежними.
Custom Hooks are a mechanism to reuse stateful logic(such as setting up a subscription and remembering the current value), but every time you use a custom Hook, all state and effects inside of it are fully isolated.

Вони найбільш цінні для користувацьких хуків, що є частиною загальнодоступних бібліотек.
It's most valuable for custom Hooks that are part of shared libraries.

Користувацькі хуки- це більше конвенція, аніж доповнення.
Custom Hooks are more of a convention than a feature.

Ви можете дізнатися більше про користувацькі хуки на сторінці Створення користувацьких хуків..
You can learn more about custom Hooks on a dedicated page: Building Your Own Hooks..

UseDebugValue може бути використаний для відображення мітки користувацьких хуків у інструментах розробника React.
UseDebugValue can be used to display a label for custom hooks in React DevTools.

Не менш важливо і те, що користувацькі хуки надають вам можливість накласти обмеження на React API, якщо вам потрібно типізувати їх більш строго певним чином.
Importantly, custom Hooks give you the power to constrain React API if you would like to type them more strictly in some way.

Викликати хуки з користувацьких хуків(ми навчимося це робити на наступній сторінці).
Call Hooks from custom Hooks(we will learn about them on the next page).

Користувацькі хуки- це більше домовленість, яка природньо випливає з дизайну хуків, а не особливість функціоналу React.
Custom Hooks are a convention that naturally follows from the design of Hooks, rather than a React feature.

Користувацькі хуки пропонують раніше неможливу у React-компонентах гнучкість використання спільної логіки.
Custom Hooks offer the flexibility of sharing logic that wasn't possible in React components before.

Ми з нетерпінням чекаємо побачити, які ж користувацькі хуки спільнота React зможе придумати.
We are excited to see what custom Hooks the React community will come up with.

Ви можете писати користувацькі хуки, що охоплюють широкий спектр випадків, таких як: обробка форм, анімація, декларативні підписки, таймери і, певно, багато інших про які ми навіть не розглянули.
You can write custom Hooks that cover a wide range of use cases like form handling, animation, declarative subscriptions, timers, and probably many more we haven't considered.

Завдяки правилам хуків ми знаємо, що хуки можуть викликатись лише з React-компонентів(чи користувацьких хуків, які теж викликаються лише з React-компонентів).
Thanks to the Rules of Hooks, we know that Hooks are only called from React components(or custom Hooks- which are also only called from React components).

Створення користувацьких хуків.
Building Your Own Hooks.

Створення користувацьких хуків” надає уявлення того, що ви можете реалізувати.
Building Your Own Hooks” provides a glimpse of what's possible.

Є багато випадків для написання користувацьких хуків, таких як робота з формами, анімації, декларативні підписки, таймери і, напевно, багато інших про які ми навіть не думали.
You can write custom Hooks that cover a wide range of use cases like form handling, animation, declarative subscriptions, timers, and probably many more we haven't considered.