@ied/react-free-dom

Purpose

The goal of this library is to render only what is visible to the user, this will superpower app like huge list, image gallery ...

Example

import React from 'react'
import { Range } from '@ied/react-free-dom'
import { renderPDF } from '@ied/pdf'

function renderer(pages) {
  pages.forEach(({ element, index }) => {
    renderPDF(element, index)
  })
}

export default function App() {
  return (
    <Range
      renderer={renderer}
      itemHeight={500}
      numberOfItems={10}
      renderKey={1234}
    />
  )
}