How do I use React Hooks in my project?

How do I use React Hooks in my project?

React Hooks are functions that let you use state and other React features without writing a class. You can start by importing the hooks you need, like useState and useEffect.

Can you give me an example of using useState?

Sure! Here's a simple example:

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

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

What about useEffect? How does it work?

useEffect lets you perform side effects in function components. For example, you can fetch data or subscribe to events. Here's a basic example:

useEffect(() => {
  const fetchData = async () => {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    console.log(data);
  };
  fetchData();
}, []); // Empty array means it runs once after the first render