https://github.com/fe-pirl/svere

🔱 Svelte component runs everywhere, adapter for react/vue2/vue3/svelte.
https://github.com/fe-pirl/svere

cfc cross-frameworks react shareable-components svelte3 vue vue3

Last synced: about 1 month ago
JSON representation

🔱 Svelte component runs everywhere, adapter for react/vue2/vue3/svelte.

• Host: GitHub
• URL: https://github.com/fe-pirl/svere
• Owner: FE-PIRL
• License: mit
• Created: 2021-04-16T02:46:47.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-01-25T07:20:52.000Z (almost 3 years ago)
• Last Synced: 2024-09-23T14:33:39.283Z (about 2 months ago)
• Topics: cfc, cross-frameworks, react, shareable-components, svelte3, vue, vue3
• Language: TypeScript
• Homepage:
• Size: 312 KB
• Stars: 111
• Watchers: 12
• Forks: 15
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




  Write components once, run everywhere. Make svelte components run inside React or Vue applications.





  

  

  

  



---

Managing support for libraries that provide UI components across frameworks is a pain,

especially when [Web Component](https://developer.mozilla.org/en-US/docs/Web/Web_Components) are not an option (e.g. for server side rendering, best performance, etc).

At present, the [svelte](https://svelte.dev/) framework is developing rapidly.

It is a good backward compatibility solution to make svelte components run in the old `react` or `vue` project,

especially when the team's technology stack is not unified, this provides an idea of cross-framework sharing component.

# [CORE](https://github.com/FE-PIRL/svere/blob/master/packages/core/README.md)

> #### Adapters for react、vue2 and vue3

# [CLI](https://github.com/FE-PIRL/svere/blob/master/packages/cli/README.md)

> #### An all-in-one cli for quickly create svelte components

## How does it work







`Svere` contains several `adapters` for `React/Vue2/Vue3` which allows you to pass props and respond to events in a way that makes sense for that library.

Also, it provides a [cli](https://github.com/FE-PIRL/svere/blob/master/packages/cli/README.md) to quickly create svelte components that can be shared across components.







Svere use the life cycle hooks of each framework to complete the mounting, updating and uninstalling of svelte components.

## Value and efficacy

1. Increased efficiency

   

>   Focus on the writing of business components without caring about the user, which greatly improves the development efficiency

2. Cross-stack reuse

   

> Solve the problem of sharing a single component between different technology stacks, and achieve a certain sense of environment independence

3. Visual Unity

   

> Only one piece of code is maintained, and the performance of components under different technology stacks can be guaranteed to be consistent