Simple Parallax React Hook

useParallax.js

// https://github.com/TheClosure/parallax-tutorial

import { useEffect, useState } from 'react';

const useParallax = (speed = 0.5) => {
  const [offsetY, setOffsetY] = useState(0);
  const handleScroll = () => setOffsetY(window.pageYOffset);

  useEffect(() => {
    window.addEventListener('scroll', handleScroll);

    return () => window.removeEventListener('scroll', handleScroll);
  }, []);

  return {
    transform: `translateY(${offsetY * speed}px)`,
  };
};

export default useParallax;

const parallaxStyle = useParallax();
<div className="someBackground" style={parallaxStyle} />