Does anyone know how to implement it in React?

[hungngodev]

No description provided.

[geosigno]

If anyone is interested in creating a React version, i'll be happy to help :)

[geosigno]

For the time being, this is working as shown below on the latest Next.js.

"use client";

import { useEffect, useRef } from "react";
import SimpleParallax from "simple-parallax-js";
import styles from "./page.module.css";

export default function Home() {
  const refImage = useRef(null);

  useEffect(() => {
    if (!refImage.current) {
      return;
    }
    new SimpleParallax(refImage.current, {
    });
  }, [refImage]);

  return (
    <main className={styles.main}>
      <div className={styles.description}>
        <p>
          simpleParallax.js is a simple and tiny JavaScript library that adds
          parallax effects on any images.
        </p>
        <img
          src="/image.png"
          alt="simpleParallax.js"
          className={styles.image}
          ref={refImage}
        />
      </div>
    </main>
  );
}