fast-data-sdk

build web-components suit for both vue and react.

background

build web-component which could work both for react and vue

caniuse#Custom Elements

• lit Lit is a simple library for building fast, lightweight web components.

  • Browser Support

• @webcomponents/webcomponentsjs polyfills supporting the Web Components

  • Browser Support

• vue#web-components

• use web-component in react

• use web-component in vue

✔️ works for both create-react-app && nuxtjs

Usage

import { SimpleGreeting } from 'lit-web-components';

inject style into js

see vite#1579

import css with js just like import { Button } from 'element-ui. plugin check https://github.com/ElementUI/babel-plugin-component

Converts

import { Button } from 'components'

to

var button = require('components/lib/button')
require('components/lib/button/style.css')

dependencies

• vite
• lit
• pnpm

todos

• 使用文档，create-react-app & nuxtjs
• 单元测试
  • choose jest or vitest
• 集成测试
  • playwright or cypress
• vite lit/decorators.js optimizeDeps: optimizeDeps: { exclude: ['lit'], }