DEV Community

ndesanno
ndesanno

Posted on • Edited on

1

Web Component Boilerplates

When researching frameworks for web components many different ones come up, but some common ones are VueJS, angular, StencilJS, and react. In this blog post I will be going over similarities between these frameworks and my opinion on them.

Similarities

Within each package, there is a source directory that has JavaScript, HTML, and CSS to run the whole package. All of them share similar code because it is so widely used and accepted. Also, Angular and React have more dependencies, that make it easier for the user to get what they want, but it makes the download longer.

Easiest DX

I believe that the easiest DX to get going is react. All that is needed is a few commands in the users terminal window and the program is up and running. All of these frameworks are similar and it all comes down to personal preference and whatever the user has more experience with.

What would I use to build an app tomorrow?

If I had to start building an app tomorrow, I would want to use react to build it. React has a large community behind it compared to others so it is easy to find information on it. Also, my personal experience with it has been good and I have the most experience with it.

To see some simple examples of these boilerplates, check out this repo: https://github.com/runtimeErrorsMadeEasy/boilerplates.git
Tutorial for a Hello-World program: https://upmostly.com/tutorials/react-hello-world-your-first-react-app

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

AWS GenAI LIVE!

GenAI LIVE! is a dynamic live-streamed show exploring how AWS and our partners are helping organizations unlock real value with generative AI.

Tune in to the full event

DEV is partnering to bring live events to the community. Join us or dismiss this billboard if you're not interested. ❤️