Displaying 1 to 8 from 8 results

stencil - A Web Component compiler for building fast, reusable UI components and Progressive Web Apps 💎 Built by the Ionic Framework team

  •    TypeScript

Stencil is a simple compiler for generating Web Components and progressive web apps (PWA). Stencil was built by the Ionic Framework team for its next generation of performant mobile and desktop Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that runs on both modern browsers and legacy browsers back to Internet Explorer 11.

ionic - Build amazing native and progressive web apps with open web technologies

  •    TypeScript

Ionic is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies. Ionic is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.

web-components-todo - A simple todo list built with various Web Components technologies

  •    Javascript

Comparison on how to update DOM, pass attributes/properties and dispatch/listen to events with Web Components

create-stencil - npm init stencil

  •    TypeScript

Note that you will need to use npm 6 or higher. And it will help you test out your changes.




stencil-sass - Sass plugin for Stencil

  •    TypeScript

This package is used to easily precompile Sass files within the Stencil components. During development, this plugin will kick-in for .scss or .sass style urls, and precompile them to CSS.

stencil-mobx

  •    TypeScript

Stencil is a compiler for building fast web apps using Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.