react-portal vs react-waypoint

react-portal

🎯 React component for transportation of modals, lightboxes, loading bars... to document.body or else. (by tajo)

Source Code

Suggest alternative

Edit details

react-waypoint

A React component to execute a function whenever you scroll to an element. (by civiccc)

UI Utilites Visibility Reporter

Source Code

Suggest alternative

Edit details

Our great sponsors

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App

InfluxDB - Power Real-Time Data Analytics at Scale

WorkOS - The modern identity platform for B2B SaaS

Our great sponsors

react-portal		react-waypoint
	Project
-	Mentions	4
2,137	Stars	4,073
-	Growth	0.3%
0.0	Activity	3.2
about 2 years ago	Latest Commit	almost 2 years ago
JavaScript	Language	JavaScript
MIT License	License	MIT License

The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.

react-portal

Posts with mentions or reviews of react-portal. We have used some of these posts to build our list of alternatives and similar projects.

We haven't tracked posts mentioning react-portal yet.
Tracking mentions began in Dec 2020.

react-waypoint

Posts with mentions or reviews of react-waypoint. We have used some of these posts to build our list of alternatives and similar projects. The last one was on 2023-07-10.

react-waypoint VS react-atom-trigger - a user suggested alternative
2 projects | 10 Jul 2023
OK seriously, how do y'all animate stuff when it scrolls into view?
2 projects | /r/Frontend | 14 Oct 2022

I’ve used react waypoint to trigger events at specific scroll points. It’s pretty easy to setup
Infinite Scroll React Example with TypeScript and NextJS
4 projects | dev.to | 24 Aug 2022

react-waypoint: As far as ready-made solutions go, this is a personal favorite of mine. The library is simple to use and you can implement infinite scroll with little more than a Waypoint component and an onEnter handler. With 4,000 stars on GitHub as of August 2022, react-waypoint is far and away the most popular of the libraries listed here, though it’s also a more general-use library than its counterparts.
I made a tool that lets you add scrolling animations to your websites!
1 project | /r/webdev | 6 Feb 2022

For react: https://www.npmjs.com/package/react-waypoint

What are some alternatives?

When comparing react-portal and react-waypoint you can also consider the following projects:

react-gateway - Render React DOM into a new context (aka "Portal")

react-visibility-sensor - Sensor component for React that notifies you when it goes in or out of the window viewport.

react-layer-stack - Layering system for React. Useful for popover/modals/tooltip/dnd application

react-swipe - :left_right_arrow: Swipe.js as a React component

portal-vue - A feature-rich Portal Plugin for Vue 3, for rendering DOM outside of a component, anywhere in your app or the entire document. (Vue 2 version: v2.portal-vue.linusb.org)

react-useportal - 🌀 React hook for Portals

react-hotkeys - Declarative hotkey and focus area management for React

react-helmet - A document head manager for React

react-experiments - React components for implementing UI experiments

react-measure - 📏 Compute measurements of a React component.