Update homepage to typescript and hooks and break out aspects of the homepage's scrolling ledgers into smaller components. This also adds a new hook useTooltip that cleans up tooltip logic when many places are updating tooltips.
A small change to move the transaction iteration into its own component reduced render times of the homepage due by between 30ms to 60ms each re-render.
Type of Change
[x] Refactor (non-breaking change that only restructures code)
TypeScript/Hooks Update
[x] Updated files to React Hooks
[x] Updated files to TypeScript
Future Work
Optimize the component into a hook that causes way fewer re-renders.
High Level Overview of Change
Update homepage to typescript and hooks and break out aspects of the homepage's scrolling ledgers into smaller components. This also adds a new hook
useTooltip
that cleans up tooltip logic when many places are updating tooltips.A small change to move the transaction iteration into its own component reduced render times of the homepage due by between 30ms to 60ms each re-render.
Type of Change
TypeScript/Hooks Update
Future Work
Optimize the component into a hook that causes way fewer re-renders.