- Home
- User Onboarding Software
- React Joyride
On the recordRead 11 Oct 202618 facts
React Joyride
On the record
- Accessibility
- The accessibility guide describes WAI-ARIA support, keyboard navigation, and a focus trap that restores focus when the tooltip closes.react-joyride.com · read 11 Oct 2026
- Bundle size
- The V3 documentation describes the bundle as approximately 30% smaller than V2.react-joyride.com · read 4 Oct 2026
- Configuration
- Tour options can control appearance, overlay, beacon, navigation buttons, asynchronous hooks, and scroll animation.react-joyride.com · read 11 Oct 2026
- Customization
- The library allows developers to replace its UI components, including the arrow, beacon, and tooltip.react-joyride.com · read 11 Oct 2026
- Distribution
- The project page provides installation instructions for npm, pnpm, yarn, and bun.react-joyride.com · read 11 Oct 2026
- Integrations
- The docs provide a recipe for using React Joyride with the Next.js App Router, with the hook behind a client boundary.react-joyride.com · read 4 Oct 2026
- License
- The project package metadata lists the MIT license.github.com · read 11 Oct 2026
- Migration limit
- The V2-to-V3 migration codemod requires manual review for patterns including spread props, dynamic or conditional values, and some hook migrations.react-joyride.com · read 4 Oct 2026
- Positioning
- Tooltip positioning uses `@floating-ui/react-dom` and supports configurable middleware, flip and shift behavior, and positioning strategy.react-joyride.com · read 4 Oct 2026
- Product
- React Joyride creates guided tours that showcase app features or explain functionality with interactive walkthroughs.react-joyride.com · read 11 Oct 2026
- Purpose
- React Joyride creates guided tours for apps using interactive, step-by-step tooltips to showcase features or explain functionality.react-joyride.com · read 4 Oct 2026
- React compatibility
- The package metadata lists React and React DOM peer dependency versions 16.8 through 19.github.com · read 11 Oct 2026
- Rendering
- Tour UI renders through a React portal, and `portalElement` can specify a custom container instead of `document.body`.react-joyride.com · read 4 Oct 2026
- Security configuration
- The props reference documents a `nonce` prop for inline styles to support Content Security Policy.react-joyride.com · read 4 Oct 2026
- Setup
- The getting-started guide says the only required prop is `steps`, and `run={true}` starts the tour.react-joyride.com · read 11 Oct 2026
- Step hooks
- Steps can run asynchronous logic before a step with `before` or cleanup logic with `after`.react-joyride.com · read 4 Oct 2026
- Tour control
- The getting-started guide describes a `useJoyride` hook that provides controls, state, and events.react-joyride.com · read 11 Oct 2026
- Tour controls
- The `useJoyride()` hook provides tour controls, state, the current step, failures, and event subscriptions.react-joyride.com · read 4 Oct 2026
