react-scroll-slider/src/Slide/Context.js

React slider component triggered by scrolling

import React from 'react';

const SlideContext = React.createContext('slide');

export const ContextProvider = ({ children, value }) => {
  return (
    <SlideContext.Provider value={value}>
      {children}
    </SlideContext.Provider>
  );
};

export const withContext = ComposedComponent => {
  return (props) => (
    <SlideContext.Consumer>
      {({ index, isNext, isPrev, isCurrent }) =>
        <ComposedComponent
          {...props}
          index={index}
          isNext={isNext}
          isPrev={isPrev}
          isCurrent={isCurrent}
        />
      }
    </SlideContext.Consumer>
  )
};