Introduction to Stenciljs

Santosh Anand
1 min readAug 9, 2018

--

Stencil js

Stenciljs is very simple and powerful compiler for web components, its developed by Ionic Framework team.

Some features of Stenciljs:

  • Virtual DOM
  • Async rendering (as React Fiber has)
  • Reactive data-binding
  • TypeScript
  • JSX

Ionic 4 beta has been released with stencil js, they are keeping angular as core of the framework but all are the UI components has been written into stencil only.

We can use compiled code (web components) into Angular, React, Polymer, Vuejs etc.

You can check their demos here https://stenciljs.com/demos and they also compared Stenciljs vs React Fiver.

Ready to take a quick look?

Visit https://stenciljs.com

OR

  1. In your terminal, run:
    git clone https://github.com/ionic-team/ionic-pwa-toolkit my-pwa
  2. Run npm install
  3. Run npm run start

Happy coding!

--

--