Component Lifecycle: Mounting

Using the useState hook with an initial API call
Using the useEffect hook with an empty dependency array
The recommended approach for fetching data in a functional component during what would be the mounting phase is using the useEffect hook with an empty dependency array ([]). This ensures the effect runs only once after the initial render, similar to componentDidMount in class components.
Using the useLayoutEffect hook for synchronous data fetching
Using a custom useMountingEffect hook