https://github.com/hanford/react-page-transition

drop in react page transition component
https://github.com/hanford/react-page-transition

animation page react transition

Last synced: 28 days ago
JSON representation

drop in react page transition component

• Host: GitHub
• URL: https://github.com/hanford/react-page-transition
• Owner: hanford
• License: mit
• Created: 2019-05-16T06:16:15.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-05-16T06:24:38.000Z (over 5 years ago)
• Last Synced: 2024-11-17T00:49:00.817Z (about 2 months ago)
• Topics: animation, page, react, transition
• Language: JavaScript
• Size: 1.18 MB
• Stars: 12
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  react-page-transition





Drop in page transition component built for hooks



![preview](https://github.com/hanford/react-page-transition/blob/master/preview.gif)



  

    

  

  

    

  

  






## Installation

```sh

$ npm install --save react-page-transition

```

```sh

$ yarn add react-page-transition

```

## Usage

```js

import * as React from 'react'

import Pager from 'react-page-transition'

export default function App() {

  const [value, setState] = React.useState(0);

  return (

     setState(i)}>

      
Hey!

      

      {(props, index) => {

        return 'I also work!';

      }}

    

  );

}

```


## Example

[![Edit react-page-transition](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/reactpagetransition-9x9d2?fontsize=14)

```sh

$ yarn example

```



Questions? Feedback? [Please let me know](https://github.com/hanford/react-page-transition/issues/new)

## License (MIT)

```

WWWWWW||WWWWWW

 W W W||W W W

      ||

    ( OO )__________

     /  |           \

    /o o|    MIT     \

    \___/||_||__||_|| *

         || ||  || ||

        _||_|| _||_||

       (__|__|(__|__|

```