Stenciljs Project Folder Architecture

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 images,icon,internationalization files etc.

In the component folder we will add components of the application.



When we expand component folder we can see that  there are multiple components and it is having .tsx extension

The .tsx extension is required since Stencil components are built using JSX and TypeScript.

You can write your component logic in .tsx file.

Leave a Comment