Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

What framework to use in order to build web components: lit-element vs stencil vs SkateJS?

Tags:

javascript

web-component

stenciljs

lit-element

native-web-component

I want to start leveraging http://webcomponents.me W3C standard which is now supported by all major web browsers.

I researched the internet and so far I found following frameworks:

  1. Stencil - Created by ionic. All ionic components use this framework/compiler in order to build native supported web components.

  2. lit-element - Created by Google and is part of Polymer framework.

  3. SkateJS - Don't know how is behind this but it is in top 3 popular web components framework.

Can someone give me advice or opinion which framework is best?

like image 407
Danilo Puric Avatar asked Mar 19 '19 20:03

Danilo Puric

People also ask

Which of the following framework is used for creating Web Components as custom elements?

Lit-html is basically a customizable construction kit for web components. It's “An efficient, expressive, extensible HTML templating library for JavaScript”. Meaning, Lit-html uses JavaScript template strings to create dynamic templates with template literals (example).

Is Lit element a framework?

Lit is a fast, lightweight, reactive framework for building web components that work just about anywhere. Let's get started with Lit. Lit is one of the more interesting front-end JavaScript frameworks for reactive programming.

Is stencil a framework?

Stencil is a compiler that generates Web Components (more specifically, Custom Elements). Stencil combines the best concepts of the most popular frameworks into a simple build-time tool.

Why is stencil not a framework?

Stencil helps developers and teams build and share custom components. Since Stencil generates standards-compliant Web Components, the components you build with Stencil will work with many popular frameworks right out of the box, and can even be used without a framework because they are just Web Components.

1 Answers

If you want to build:

  • Fast
  • Easy-to-debug
  • Cross-browser
  • Framework-agnostic

web components you could also consider using VanillaJS framework :

http://vanilla-js.com/

like image 93
Supersharp Avatar answered Nov 15 '22 04:11

Supersharp
Sign in to Comment

Related questions

ES6 pass function as parameter example
How I change the dir from LTR to RTL in ionic 4 programmatically
Angular 7 CSS not working while using reusable component
Sweet Alert Delete Confirmation with a href
Puppeteer error Error: waiting on selector times out
Blogger.com: How to embed formatted code snippet in a blog post?
How to show blinking text cursor/caret in a read-only div
Dynamically mapping an array of objects to table row
How to use v-switches v-model with dynamic array in v-datatable
Why selection range in textarea resets to 0?
Why do we need mutations, setters and getter for state management?
GET http://localhost:3000/bundle.js net::ERR_ABORTED 404 (Not Found)
Can WebAssembly get javascript callback?
No component factory found for... Opening a Modal
How do I update the reference to an HTML element after I used appendChild with native javascript
Cannot set a variable's value inside cypress command cy.get() to use outside the command
JavaScript scrollTop not working on mobile
Modal box with sliding animation in JavaScript and HTML
Generic type array of objects in typescript
Use React Portal to render a child into a DOM node of the parent component

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!