npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@messman/react-common-transition

v7.1.0

Published

React tools for managing animations

Downloads

2

Readme

react-common-transition

Not recommended for use by anyone other than the creator. Feel free to fork.

npm install --save @messman/react-common-transition

View on npm or on GitHub.

Common transition tools for React. As noted below, this is a fork of react-transition-group.

History

v7.1.0

  • Added the skipTransitioning boolean property to the SwitchTransition component to skip transitions.
  • Updated the transitionKey property of SwitchTransition to allow boolean values, null, and undefined.
    • undefined acts as "use last key" and skips transitions.
    • null also skips transitions, but only the transitions related to renders from when null was the key.
    • true and false are translated to unique string keys.

v7.0.0

  • Updated dependencies
  • Added the SwitchTransition component for transitioning out old content without explicitly holding it in state
  • Added helper function createTransitionCallback and related types for greater control over detecting the end of transitions
  • Added default support for tracking CSS Animations
  • Breaking change: updated the class names applied during transition phases to improve clarity
    • Removed enter and exit; use enter-start and exit-start for before the reflow, or use active and inactive.

v6.1.0

  • Update dependencies
  • Update to React 18

v6.0.0

  • Removed the need for a ref to be created outside and passed to the component and its child. That's now handled internally with the magic of cloneElement.
  • Renamed isNotEntering to skipEntering and isNotExiting to skipExiting.
  • Added a property isAlwaysMounted (false by default) to ensure the child is always mounted.
  • Added a helper function for getting the class selectors for use in styled-components.
  • Added a default for classPrefix to make it less likely that a prefix needs to be added in consuming projects.

react-transition-group

This project is a fork of React's react-transition-group from December 2021. This project retains the BSD 3-Clause License from that project.

This fork was created for the following reasons:

  • Experiment with using React hooks instead of class components
  • Make changes to the API for simplicity and to better support working with styled-components
  • Retain the BSD 3-Clause License for modifications of the transition implementation

Changes made:

  • Re-implemented the logic from CSSTransition and Transition in a new hooks-based Transition component that has fewer input props and requires a ref to the transitioning child component
  • Removed all other components
  • Removed former build and deploy code and added more familiar build and deploy code

This fork, while public, is generally not open for issues or feature requests.

Relevant documentation from that project:

A set of components for managing component states (including mounting and unmounting) over time, specifically designed with animation in mind. Main documentation