Elite Corner

In this article, we are going to look at the architecture of stenciljs when we clone it from github.When you clone the project you will get following architecture. As you can see the is src folder and inside src folder there is assets and components folder, In the assets folder we will add stuff like … Read more Stenciljs Project Folder Architecture

In this article, we are going to learn how to pass data to component using @Prop() property Before going to read this article, you are recommended to read this article, if you didn’t read it. Here is an example to pass data: <br />import { Component,Prop } from '@stencil/core';<br /><br />@Component({<br /> tag: 'my-component'<br />})<br /><br … Read more Passing Data to Stencil Component using @Prop()

In this article, we are going to learn how to setup project using Stencil Before we start, Let me give you brief overview of Stencil “Stencil is a compiler to build the web app using web components, It can be used with many popular framework and also can be used without framework, because it is a web … Read more Setting up Stencil App for the First time

In this article, we are going to create simple hello world web component using Stencil. If you ever worked with angular/typescript then It will be very easy for you to learn stencil,because most of the syntax are same. Now let’t take a look at stencil compnent <br />import { Component } from '@stencil/core';<br />@Component({<br /> … Read more Creating Web Component with Stencil