- useState: Використовується, коли потрібно зберігати інформацію, наприклад, введення користувача під час повторних рендерів. Будь-яка зміна цієї інформації призведе до повторного рендеру компонента.
- useEffect: Дозволяє виконувати побічні ефекти. Побічні ефекти включають отримання даних, налаштування підписок, оновлення DOM або роботу з таймерами.
- useContext: Context дозволяє компоненту отримувати інформацію від віддалених батьків без передачі її через props.
- useRef: Як і useState, useRef використовується для збереження деякої інформації, але ця інформація не призводить до повторного рендеру. Використовується для доступу до елементів DOM/збереження значень, які не потребують повторного рендеру.
- useMemo: Хук для оптимізації продуктивності. Використовується для кешування результату дорогих обчислень, які не змінюються щоразу.
- useCallback: Хук для оптимізації продуктивності. Кешує функцію, особливо коли її передають як props, щоб уникнути зайвих повторних рендерів.
Перекладено з: Most Important React Hooks — In two lines