stenciljs Reviews and details

Social recommendations and mentions

• 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 / 3 months 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 / 4 months 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 / 4 months 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 / 6 months 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 / 9 months 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 / 11 months 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: 12 months 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 2 years ago

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

  Stencil.js addresses most if not all of this. Source: almost 2 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 / almost 2 years ago

• A Quick Guide to Mitosis: Why You Need It and How You Can Use It

  This might sound very similar to the work the Ionic team did with Stencil. The one main difference is that we're not just outputting web components. Rather full framework-ready JavaScript. You can even compile the output to Stencil as well. - Source: dev.to / almost 2 years ago

• The Case for Web Components

  While you can build components directly from the supporting Web APIs, you might find it productive to use a library that's been built to support this task. Lit and StencilJS are two of several libraries with acompanying tooling to help you build web components. And because they compile to the same 'target', they give you an additonal advantage: if you choose to switch web component libraries at some point in the... - Source: dev.to / about 2 years ago

• What advantages does React have over Vue?

  Web components, regardless of how they are written, work interoperably with each other on the page. Write them with - plain JavaScript, - a library like Lit, or - a full-on web components framework like Stencil. You can load each of them anywhere and use them separately or together wherever HTML and JavaScript work, which is everywhere. You can also use web components in old school frameworks. Why would you limit... Source: about 2 years ago

• What is this <sudo-auth> tag on github page?

  Judging by the tag, this particular element was created using GitHub’s own library for custom elements “catalyst”. But more popular libraries (such as Google’s Lit and Ionic’s StencilJS) exist out there. Source: about 2 years ago

• How to Embed StencilJS components inside Storybook React App?

  I'm trying to integrate Stencil and Storybook inside the same project. I've been following this set up guide and this one however one of the steps is to publish the library of components to NPM and that's not what I want. Source: about 2 years ago

• How Stencil is different from React and Angular?

  I am familiar with Angular and know basics of React. I was exploring stencil docs, I found stencil component has both @Component decorator and render() method -. Source: about 2 years ago