DEV Community

elizabeth-delor
elizabeth-delor

Posted on • Edited on

1

Boilerplate Web Components Comparisons

Types of Web Component Frameworks

  • Angular
  • React
  • StencilJS
  • VueJS

Similarities Between Each

Angular, React, StencilJS, and VueJS all have similar developmental tools which set the users up with similar directories. Additionally, they all include a index.html or file which does relatively the same thing. Another function which each has is that it provides the user with testing support / ability. Lastly, each provides a DOM [virtual or browser based] which will be specified below.

Differences

As stated in the similarities, yes each has a DOM but Angular uses a browser's DOM rather than a virtual one. Another difference which relates to StencilJS is the fact that it utilizes TypeScript files. StencilJS is more of a toolchain rather than a framework since it helps a user to set things up.

Preference

Personally, I enjoy using React as it offers both the ability for testing and is also simple to use for beginners. Since this is the first time I have been exposed to boilerplates, I have found this one easiest to use. Another plus of using it is the fact that there is a team of developers who work on React so you can find more information about it.

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay