Announcing React-RETINA (<canvas> for React v15 & also Preact compatible, and supports variable sized ListView)
See original GitHub issueThis library is an alternative Canvas implementation for React v15 (which react-canvas has not yet been updated to use). It is also compatible with Preact.
https://github.com/xphung/react-retina
Features:
- Gallery component supports variable sized pages (whereas react-canvas ListView is limited to fixed size pages)
- React-RETINA only uses standard/public React APIs.
- The React Retina design avoids numerous React v15 anti-patterns (which React Canvas/React ART are guilty of using). There are no mixins, string Refs, or even Contexts. It does not use non standard lifecycle methods.
- The React RETINA component library source code is much easier to understand as a result and is leaner and cleaner.
- The View base component is extremely lightweight and specialised components (Image, Text, etc) are built on top of View via a custom draw callback. This is very flexible and allows virtually any drawable shape or component to be built on top of View.
- The React RETINA Backing Store implementation is simpler and cleaner to use - instead of requiring specialised hooks/lifecycle to manage invalidation and repaints, just assign a unique ID to the
useBackingStore
property to make the View the cache a repaint. Simply assign a new ID whenever an invalidation and repaint into Backing Store is required … no need for a special Javascript calls or API to invalidate cache data! - Keyboard events are supported!!
Issue Analytics
- State:
- Created 7 years ago
- Comments:13
Top Results From Across the Web
Flipboard
This library is an alternative Canvas implementation for React v15 (which react-canvas has not yet been updated to use). It is also compatible...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@xphung Are you still working in it?
@xphung Impressed and intrigued by the concept of React-RETINA as well as react-canvas. Do you know of any sites using this lib in production yet?