Using UI libraries written in other frameworks

It is not impossible to use components from other frameworks in Svelte.

However, doing so will introduce the framework’s runtime and other overheads that come along with the framework. The runtime usually includes code to handle reactivity and normalize browser APIs and events. Each framework usually ships its own code for this logic and does not share it with other frameworks. The runtime for React version 18.2.0 weighs 6.4 kB when minified, which is additional code you need to include when you want to use a React component within Svelte.

So, this is not recommended unless it is necessary.

The reason this section has been included in this book is more for educational purposes and to demonstrate that this is possible, as well as what needs to be done to make it happen.

Creating components in various frameworks

Each framework usually provides an API that takes in a container element and the framework component as the...