React Context API is a way to pass data through the component tree without having to pass props down manually at every level. It provides a way to share values between components without having to explicitly wire them together.

Basic Usage

To use React Context API, we need to create a context object using the createContext function. Then, we can use the Provider component to wrap our top-level component and pass the context object as a prop.

useState

useState is a Hook that lets you add state to functional components. It returns the current state and a function to update that state.

Example

import React, { useState } from 'react';

function Example() {
  // Declare a state variable named "count"
  const [count, setCount] = useState(0);

  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>
        Click me
      </button>
    </div>
  );
}