react-frame-component
zoid
react-frame-component | zoid | |
---|---|---|
1 | 4 | |
1,752 | 2,031 | |
- | 0.5% | |
3.6 | 2.5 | |
7 months ago | 7 days ago | |
JavaScript | JavaScript | |
MIT License | Apache License 2.0 |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-frame-component
-
Rendering in an iframe in a React app
Though you may now know how to render within an iframe by writing an IFrame wrapper from scratch, there is already a library that does this for you and has more features & use-cases built in called react-frame-component.
zoid
-
Parallel DOM: Upgrade your DOM to be multithreaded
See also: https://github.com/krakenjs/zoid which allows you to present a simple interface to sites that want to embed your application and send parameters/register callbacks. All the caveats of frames still apply, of course, and scrolling glitchiness alone is a reason to avoid frames altogether... but if you absolutely need to present your application as a frame, it's a developer-friendly way to do so.
Pdom seems to be a way to do that to yourself, if you can't trust that your content won't cause performance degradations and you absolutely want the context outside that content to stay responsive. I'd only use it, and really any frame, for components where the size is known ahead of time, though; asking a frame to resize itself to fit its contents, when its contents may themselves be resizing to the size of the frame, is a recipe for disaster. Which brings me around to why I try to avoid frames for anything user-facing when at all possible.
- Build embeddable React widget from Nextjs
-
The Benefits of Iframe Based Development
IFrames are both terrible and awesome. I built and maintain zoid, which turns iframes into full-fledged components; it's been an adventure: https://github.com/krakenjs/zoid
- Has anyone ever created a widget that can be hosted anywhere?
What are some alternatives?
x-frame-bypass - Web Component extending IFrame to bypass X-Frame-Options: deny/sameorigin
postmate - 📠A powerful, simple, promise-based postMessage library.
paypal-checkout-components - please submit Issues about the PayPal JS SDK here: https://github.com/paypal/paypal-js/issues
react-native-image-blur-shadow - A React Native <Image/> component with Blur Drop Shadows,100% JavaScript, 0 dependency component. Supports Android, iOS and Web. A light weight Image component for your react native project.