Skip to content

Performance comparison for rendering many elements in React.js with canvas

Notifications You must be signed in to change notification settings

ryohey/react-canvas-perf

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React.js Canvas Rendering Performance Test

Performance comparison for rendering many elements in React.js with canvas

Renderers

Test

Environment

MacBook Pro (13-inch, 2017, Four Thunderbolt 3 Ports)

  • Intel Core i7 3.5GHz
  • 16GB
  • Render 1000 items

Result (production build)

Renderer FPS FPS (no text)
@inlet/react-pixi 6 38
react-pixi-fiber 6 48
react-konva 9 26
pixi.js without library 31 32
div 29 32
svg 7 39

Result (development build)

Renderer FPS FPS (no text)
@inlet/react-pixi 6 31
react-pixi-fiber 5 37
react-konva 8 18
pixi.js without library 38 40
div 16 17
svg 7 21

About

Performance comparison for rendering many elements in React.js with canvas

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published