{"repo":"bfanger/svelte-preprocess-react","free":true,"listed":false,"github":"https://github.com/bfanger/svelte-preprocess-react","clone":"git clone https://github.com/bfanger/svelte-preprocess-react.git","description":"Seamlessly use React components inside a Svelte app","language":"TypeScript","stars":184,"topics":["react","svelte"],"license":"MIT","category":"ui-components","readme_excerpt":"See v2.x Readme for the stable version. Svelte Preprocess React - 3.0-beta Seamlessly use React components inside a Svelte app Supports: - Nesting (Slot & Children) - Contexts - SSR - Hooks (useStore & hooks) This project was featured at the Svelte London - November 2022 Meetup \"Embrace, extend and extinguish\" This preprocessor is intended as solution using third-party React components or for migrating an existing React codebase. Using React inside Svelte components Inside the Svelte template prepend the name of the component with react. prefix. Instead of , you'd write Use libraries from the React's ecosystem, react-youtube for example: The snippet above would be generate: Setup / Installation Add preprocessReact to your svelte.config.js: When using other processors like @sveltejs/vite-plugin-svelte or svelte-preprocess add preprocessReact preprocessor as the last processor: Using Svelte inside React components Once you've converted a React component to Svelte, you'd want delete that React component, but some if other React components depended on that component you can use reactify to use the new Svelte component as a React component. Using multiple frameworks is a bad idea Using multiple frontend frameworks adds overhead, both in User and Developer experience. - Increased download size - Slower (each framework boundary adds overhead) - Context switching, keeping the intricacies of both Svelte and React in your head slows down development When using third-party React compone","default_branch":null,"files":null,"tree":[],"storefront":"/r/bfanger","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/bfanger/svelte-preprocess-react/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}