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.
Note: React.lazy and Suspense are not yet available for server-side rendering. If you want to do code-splitting in a server rendered app, React team recommends Loadable Components.
The Lite Youtube Embed project by Paul Irish is a perfect example of fake loading: it takes a Youtube Video ID and presents only a thumbnail with a play button :
Here is a really basic example: let's say you would like to use the react-scroll library for a nicely animated "scroll to the top" feature, triggered when a button is clicked. Here is what your component would look like without the import-on-interaction pattern :
Related posts
- 5 Basic Tips Everyone Should Know for Optimizing React Performance 🚀
- 5 Small and Hidden React libraries you should already be using
- Having an unusual react-router-dom issue - "Package path ./unstable-native-dependencies is not exported from package"
- How do I display the loader while the .svg document is loading?
- How to use client-side only packages with SSR in Gatsby and Next.js