What are React Native hooks and how do I use them?

What are React Native hooks and how do I use them?

React Native hooks are functions that let you use state and other React features without writing a class. They simplify component logic.

Can you give me an example of a custom hook?

Sure! A simple custom hook could be useFetch, which fetches data from an API and returns the data and loading state.

How do I implement the useFetch hook?

You can implement it like this:

import { useState, useEffect } from 'react';

const useFetch = (url) => {
  const [data, setData] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    const fetchData = async () => {
      const response = await fetch(url);
      const result = await response.json();
      setData(result);
      setLoading(false);
    };
    fetchData();
  }, [url]);

  return { data, loading };
};

This hook fetches data from the provided URL and manages loading state.

What are some built-in hooks in React?

Some built-in hooks include useState, useEffect, useContext, useReducer, and useRef. They help manage state and side effects.