PlurallInfiniteList

This component encapsulates the infinite scroll list used in many of our applications.

How to use

There are four required props:

• endpoint: the url you want to fetch
• accessToken: the api access token
• renderItem: a render function that will be called for each item the api returns
• renderLoadButton: a render function for the load more button. This function receives the components props as the first parameter.

Example:

<InfiniteListContainer
  endpoint="InfiniteListContainer"
  accessToken="123"
  renderItem={post => <div>{post.title}</div>}
  renderLoadButton={props => <button>Load {props.pageSize} More</button>}
>

Optional props

• renderLoading: a render function for the 'loading' placeholder that will be shown as the api request is made.
• apiPageNumberParameterName: the name of the parameter the api uses to indicate the page to be fetched.
• apiPageSizeParameterName: the name of the parameter the api uses to indicate the number of results per page.
• pageSize: the number of results per page.
• keyName: the item property to be used as key on the list.