Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
There is nowadays this library for React react-spatial-navigation However, one safe and secure way is to build your own React wrapper around the tried and tested Mozilla's open source spatial navigation. And we have done just that.
Images - ideally use webp format, and keep images as small as possible by loading in only what you need in terms of resolution. Ie, if user is on mobile, and image is displayed in ie 320x160, don't load huge image for desktop and resize it in-browser. This can be achieved by tools like Thumbor.
There is nowadays this library for React react-spatial-navigation However, one safe and secure way is to build your own React wrapper around the tried and tested Mozilla's open source spatial navigation. And we have done just that.
There are many great open source libraries for React which handle virtualization and lazy loading of components in lists. Most notable being react-virtualized. These are generally easy to setup and use, and solve almost all your problems of slow rendering in long lists of components.
Related posts
- Thoughts on this Timeline design I've been working on?
- How to render a component only when it's in the viewport?
- Effectively rendering lists using the `useMemo` hook in React.js
- 7 React optimization techniques you should know
- How to implement a React infinite scroll component for a chat app like Facebook Messenger?