Scrollreveal in react 2021

scrollreveal in react

// npm install --save scrollreveal or install like you're used to doing it.
// It doesn't work well if there are multiple instances of ScrollReveal,
// so we have to create a module returning an instance:
// file ScrollReveal.js:
import ScrollReveal from 'scrollreveal'
export default ScrollReveal()

// Then in a component:
import React from 'react'
import sr from './ScrollReveal'

function myComponent(){

//start to configure the function to reveal
sr.reveal('.row', {
   delay: 375,
   duration: 1000,
   reset: true
}) 

 return (
      <section className='testimonial' id='testimonials'>
        <div className='row'>
          ...
        </div>
      </section>
    )
  }
}
export default RevealMe

// if you have a container element which does an overflow: hidden,
// the animation may not trigger.
// you can check scrolling like this:
document.onscroll = function() { console.log('scrawwwwl'); };