Server Side Rendering

If you are using SSR, you can supply your paginated components with a page of preloaded data using the preloaded prop:

import React, { Component } from 'react'
import { VioletPaginator, VioletDataTable } from 'violet-paginator'

const results = [{
  name: 'Ewe and IPA'
}, {
  name: 'Pouty Stout'
}]

const preloaded = {
  results: results.slice(0, 1),
  totalCount: 2
}

export default function App() {
  const props = {
    preloaded,
    listId: 'recipes'
  }

  const headers = [{
    field: 'name',
    text: 'Name',
    sortable: false
  }]

  return(
    <div>
      <VioletPaginator {...props} />
      <VioletDataTable {...props} headers={headers} />
    </div>
  )
}