Що таке CUSTOM HOOKS Українською - Українська переклад

• користувацькі хуки
• користувацьких хуків

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

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

Do I have to name my custom Hooks starting with“use”? Please do.
Чи повинен я починати імена моїх хуків з“use”? Так, будь ласка.

Custom Hooks let you do this, but without adding more components to your tree.
За допомогою користувацьких хуків це завдання вирішується без додавання непотрібних компонентів у ваше дерево.

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

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.
Ми з нетерпінням чекаємо побачити, які ж користувацькі хуки спільнота React зможе придумати.

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

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

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

(There is just one other valid place to call Hooks- your own custom Hooks. We will learn about them in a moment.).
(Є тільки один виняток, звідки можна викликати хуки- це ваші власні хуки. Ми розповімо про них далі.).

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

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).
Завдяки правилам хуків ми знаємо, що хуки можуть викликатись лише з React-компонентів(чи користувацьких хуків, які теж викликаються лише з React-компонентів).

Custom Hooks let you combine Hooks provided by React into your own abstractions, and reuse common stateful logic between different components.
Хуки користувача дозволять вам комбінувати хуки впроваджені React з вашими власними абстракціями та повторно використовувати загальну логіку стану між різними компонентами.

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

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.
Користувацькі хуки- це механізм повторного використання логіки зі станом(наприклад, налаштування підписки і збереження поточного значення), але кожного разу, коли ви використовуєте користувацький хук, увесь стан та ефекти всередині нього є повністю незалежними.

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.
Є багато випадків для написання користувацьких хуків, таких як робота з формами, анімації, декларативні підписки, таймери і, напевно, багато інших про які ми навіть не думали.

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.
Ви можете писати користувацькі хуки, що охоплюють широкий спектр випадків, таких як: обробка форм, анімація, декларативні підписки, таймери і, певно, багато інших про які ми навіть не розглянули.

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

We don't recommend adding debug values to every custom Hook.
Ми не радимо додавати значення для налагодження до кожного користувацького хука.

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

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

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.
Якщо вам потрібно протестувати користувацький хук, ви можете зробити це, створивши компонент у вашому тесті і використати хук у ньому.

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

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.
Але ми також рекомендуємо вам помічати випадки, в яких користувацький хук може приховати складну логіку за простим інтерфейсом чи допоможе розплутати заплутаний компонент.

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:.
Це допоможе легко виокремити спільну логіку у користувацький хук пізніше, наприклад:.

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

If the state logic becomes complex, we recommend managing it with a reducer or a custom Hook.
Якщо логіка стану стає складною, ми радимо керувати нею з допомогою редюсера чи користувацького хука.

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.
Зверніть увагу на те, як ми змогли винести виклик useState для змінної стану position і відповідний ефект у користувацький хук без зміни їхнього коду.

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