svelte-preprocess-react
svelte-preprocess-react copied to clipboard
Seamlessly use React components inside a Svelte app
Hi bfanger! We recently updated our local version to latest and started hitting this issue when rendering a react component wrapped in a key block. It works on version 0.14...
https://try.sveltosis.dev/ This tech allows generating react-component-code from Svelte files. This could allow the preprocessor to add support for: ```ts import { ReactComponent as Button } from "$lib/components/Button.svelte"; ```
Would be nice to have ``linting`` support inside ```` tag. Any plan to do this? Thanks,
The following snippet doesn't work: ```html import ComponentX from "react-libx" import ComponentY from "react-liby" export let condition: boolean; $: Component = condition ? ComponentX : ComponentY; ```
React doesn't support Suspense in `renderToString` and Svelte's SSR rendering is synchronous, this results in: > The server did not finish this Suspense boundary: The server used "renderToString" which does...
If the default slot of a `` only contains other ``s and no Svelte components or control-flow these components could be compiled into a children prop. ```jsx ``` could be...
Would be nice if the props and events would be typed
Look into adding support for JSX syntax into *.svelte files. ```svelte import { CompoundButton, CompoundIcon } from "office-ui-fabric-react"; Example ``` The `icon={}` Should be preprocessed into: `icon={createElement(CompoundIcon)}`
If we can detect or confige that if a vite build system is used, we could treeshake the renderToString in the client bundle
Extract props from React for static property components, for auto-completion and type-safety. Related to #46