React.js Tutorials Tutorial

Introduction
Installation
JSX
Components
Events
States and Props
Component Lifecycle
Conditional Rendering
Lists and Keys
Forms
React Route

Introduction of Hooks
React useState hook
React useEffect Hooks and useContext Hook
React useRef Hook
React useCallback Hook
Custom Hooks

React Redux
Store and Action
Redux- Reducer
Redux- Testing
React-Redux Example

React js Interview Questions for Fresher and Experience

Custom Hooks

❮ Previous Next ❯

Custom Hooks

Developers can create their own hooks called custom hooks.
Two rules for creating Hooks are: Custom Hooks are named with "use" as a prefix and Custom Hooks consist of built-in React hooks.

Example:

import { useState, useEffect } from 'react';

function useFriendStatus(friendID) {
  const [isOnline, setIsOnline] = useState(null);

  useEffect(() => {
    function handleStatusChange(status) {
      setIsOnline(status.isOnline);
    }

    ChatAPI.subscribeToFriendStatus(friendID, handleStatusChange);
    return () => {
      ChatAPI.unsubscribeFromFriendStatus(friendID, handleStatusChange);
    };
  });

  return isOnline;
}

❮ Previous Next ❯

React.js Tutorials Tutorial

React.js Tutorials Tutorial

React Introduction

React Hooks

React Redux

React Interview Question

Custom Hooks

Custom Hooks

Important Links