stenciljs Reviews and Details

Social recommendations and mentions

• The Caveats of Web Components

  This works but it's not a good idea to create these manually. Since that creates a lot of maintenance and we can run into out of sync issues with the api. To make this less tedious. Both Lit (see here) and Stencil (see here) provide a cli to create these automatically. However the need to create these wrapper components in the first place is additional overhead. If the framework of your choice properly supports... - Source: dev.to / 6 months ago

• Integrating Stencil Web Components in Angular Project

  What is Stencil.js? Stencil is an open-source compiler that generates standards-compliant web components. It builds highly performant, reusable components that can be used with any JavaScript framework or library. Created by the Ionic team, Stencil combines the best features of popular frameworks like Angular, React, and Vue, providing a simple and efficient way to build custom elements. - Source: dev.to / 7 months ago

• Getting Started with Mitosis: Creating a Cross-Framework Design System

  Although web components offer a modular and reusable approach to UI elements, these challenges can limit their viability. However, if supporting web components is a requirement, you can use Mitosis to generate them from a single source of truth. Mitosis supports Stencil, Lit, and raw web components as outputs. - Source: dev.to / 8 months ago

• We needed to run maintenance queries (SQL) with user input

  I chose Stencil as my tool for building the UI. Stencil is a great framework for creating custom UIs and web apps using TypeScript, which transpiles into native web components with minimal dependencies. Having used Stencil for the past 4-5 years, I found it to be in the sweet spot: powerful enough to build robust web apps from scratch, yet simple enough to avoid overwhelming complexity when creating custom... - Source: dev.to / 9 months ago

• Demystifying Web Components

  Consider adopting something like Lit or Stencil to build Web Components. These frameworks provide standard utilities for working with Web Components and handle everyday tasks such as change detection, server-side rendering, localization, etc. I've personally worked with Lit and find it helpful for preventing common mistakes and pitfalls. Additionally, they provide a series of best practices for authoring... - Source: dev.to / 11 months ago

• Using Apache ECharts with Lit and TypeScript

  Since these APIs are all widely available, we can start using them to build custom components in production. However, there are libraries like Lit and Stencil that can simplify the development process. - Source: dev.to / 12 months ago

• Making Web Component properties behave closer to the platform

  First a disclosure: I never actually used Stencil, only played with it a bit locally in a hello-world project while writing this post. - Source: dev.to / over 1 year ago

• Plasmic.app – the visual builder for your tech stack

  This is my main concern too. I don't understand why tools like this "pick a winner" with a specific framework instead of rendering to Web Components with a framework wrapper, or using something like Stencil[1] that can render to any framework. [1] https://stenciljs.com/. - Source: Hacker News / over 1 year ago

• Design Systems with Web Components

  I was recently able to sit down with some of the core members of Ionic, who also created Stencil a toolchain for building Design Systems and Progressive Web Apps. We talked at great length how typically companies are approaching Ionic from a Design Team and need help building components. As a developer I wanted to talk about the Web Components that are used within the Design System first. There was a decent amount... - Source: dev.to / over 1 year ago

• HTML Web Components

  A web component should do ONE thing whereas a JS framework is a whole ecosystem. I made a video player web component that could take in various inputs, with a torrent file being the most complex of them. I was then able to port it to Vue/React with StencilJS [0] (although it was good to go without). Just drop the `https://stenciljs.com/. - Source: Hacker News / over 1 year ago

• If Web Components are so great, why am I not using them?

  Examples like this bug me. The React example is using a high level abstraction, the web component is directly using the API. A more accurate example would show how those React calls eventually boil down to document.createElement() I don’t think the Web Components API was meant to be used directly all the time. You can use a framework like StencilJS: https://stenciljs.com/. - Source: Hacker News / almost 2 years ago

• World Wide Web Wars

  You might say that this is the same vicious cycle as JavaScript frameworks. That's wrong, because Web Components are interoperable by design. Choosing Stencil or Lit or any other library is a development convenience that has little to do with the interoperability of the resulting components. - Source: dev.to / almost 2 years ago

• React Component in vue/angular

  Not sure about Vue but you can in Angular, though my experience with React components in Angular has not been pleasant. Libraries such as Stencil allow you to create native Web Componets from React components. Source: about 2 years ago

• Is there a plugin that abstracts registering web components with React?

  I guess my problem is more specific to my overall architecture. I have components that when are placed in the DOM, have props rendered on them by their parent elements. I'm using stencil to do this. Source: about 2 years ago

• The benefits of Web Component Libraries

  Web component browser APIs aren't that many, and not that hard to grasp (if you don't know about them, have a look at Google's Learn HTML section and MDN's Web Components guide); But creating a web component actually requires taking care of many small things. This is where web component libraries come in very handy, freeing us of having to think about some of those things by taking care of them for us. Most of... - Source: dev.to / about 2 years ago

• Web Components

  We used https://stenciljs.com/ for web components to be consumed by angular, AEM and react at a previous employer. It uses tsx/jsx. Components are easy to write and it has good documentation. Source: over 2 years ago

• Hexagonal architecture as a solution to the obsolescence of UI frameworks

  For the creation of web components, even though writing in vanilla js is an option, We have chosen to do it via a dedicated framework, which will solve Many potential integration/bundling problems. The choice of the framework will be made according to Different factors that are not part of the scope of this article. - Source: dev.to / over 2 years ago

• Ask HN: Help me pick a front-end framework

  Maybe have a look at Stencil (+ Ionic). https://stenciljs.com/ Pro: - Simple to learn - Doesn't change all the time - First-class TypeScript support - Good default UI via Ionic - Compiles to Web Components (although to be honest, this doesn't really matter) - Easy testing - Ionic as a company invests in Ionic the framework + Stencil the compiler. Might be around in 10 years, altough things could change. But this... - Source: Hacker News / over 2 years ago

• Is Svelte most growing web tech? (%66 Growth!)

  I guess if we build UI frameworks as web components, theoretically should work on every Web framework. I believe StencilJs was created for that purpose. But I mostly see work being re-done for every Web framework. Don't really know the reason behind it. Source: almost 3 years ago

• web components... why aren't there large popular libraries of them?

  Stencil.js addresses most if not all of this. Source: almost 3 years ago

• By Crayons and For Crayons

  The app is built using vanilla Web Components without using any component publishing libraries like Stencil, Lit and so on. The reason being I met with some roadblocks in building a drag-n-drop editor using these libraries. Actually the Crayons Team itself is using Stencil to build the Crayons components using TypeScript and React-like component semantics and finally publish them as platform native Web components... - Source: dev.to / about 3 years ago

Is stenciljs good?

We have collected here some useful links to help you find out if stenciljs is good.

External links:

• Public traffic stats of stenciljs

  Check the traffic stats of stenciljs on SimilarWeb. The key metrics to look for are: monthly visits, average visit duration, pages per visit, and traffic by country. Moreoever, check the traffic sources. For example "Direct" traffic is a good sign.

• Domain Rating (DR)

  Check the "Domain Rating" of stenciljs on Ahrefs. The domain rating is a measure of the strength of a website's backlink profile on a scale from 0 to 100. It shows the strength of stenciljs's backlink profile compared to the other websites. In most cases a domain rating of 60+ is considered good and 70+ is considered very good.

• Domain Authority (DA)

  Check the "Domain Authority" of stenciljs on MOZ. A website's domain authority (DA) is a search engine ranking score that predicts how well a website will rank on search engine result pages (SERPs). It is based on a 100-point logarithmic scale, with higher scores corresponding to a greater likelihood of ranking. This is another useful metric to check if a website is good.

• Public opinion on Reddit

  The latest comments about stenciljs on Reddit. This can help you find out how popualr the product is and what people think about it.