react-scrollytelling

The react-scrollytelling library is designed to seamlessly integrate with React and optimize the scroll tracking performance.

You can effortlessly monitor which sections your readers are engaging with. It's perfectly suited for content with multiple sections, like visual news, and it also provides a smooth and engaging user experience.

To develop

Copy .env.example to .env and set up the variables.

yarn dev

Open http://localhost:3600/react-scrollytelling to develop

E2E test app

A simple Vite app at apps/e2e renders a grouped scrolling demo for e2e testing.

pnpm --filter e2e dev

Open http://localhost:3456 to view the app.

Running E2E tests

To run the Playwright end-to-end tests:

pnpm test:e2e

To run the tests with Playwright UI:

pnpm test:e2e:ui