Skip to content

Simple experiments to integrate web components created with Svelte in React or Vue applications

Notifications You must be signed in to change notification settings

vulcangz/svelte-webcomponent-in-react-vue

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

svelte-webcomponent-in-react-vue

Simple experiments to integrate web components created with Svelte in React or Vue applications.

在 React 或 Vue 2, Vue 3 应用程序中整合用 Svelte 创建的 Web 组件的简单实验。

The code was written for this article.

lerna branch(default)

To add a demo package for Vue 3, Using lerna as monorepo tool. If it is not already installed, you can install it with the following command.

# via npm
npm install -g lerna
# via yarn
yarn global add lerna

Then:

git clone https://github.com/vulcangz/svelte-webcomponent-in-react-vue.git
cd svelte-webcomponent-in-react-vue
npm run init
npm run build

# after that, you can test my-counter web component now
npm run react
# or
npm run vue2
# or
npm run vue3

bolt branch

Adding project management with bolt. If it is not already installed, you can install it with the following command.

yarn global add bolt 

Then:

git clone https://github.com/vulcangz/svelte-webcomponent-in-react-vue.git -b bolt
cd svelte-webcomponent-in-react-vue
bolt install
bolt svelte
bolt vue

# In another terminal window
bolt react

Credits and Inspiration

About

Simple experiments to integrate web components created with Svelte in React or Vue applications

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published