Boilerplate Structure

#webdev #vue #angular #react

There are a lot of different options out there in terms of boilerplates. Everyone seems to be strongly in one camp or another, and if you're not in theirs, you're wrong. I decided to deep dive into what they are and their similarities and differences. To do this, I chose Vue.js, Angular, React, and StencilJS.

Commonalities

So what commonalities are there between the boilerplate code? Each framework contains HTML, CSS, and JS in a source directory to run the boilerplate. Angular, React, and StencilJS also all include back end code you won't have to write yourself. Because of this, as well as all the dependencies, Angular and React will take a lot longer to install. This makes sense based on the amount of files.

So which is the easiest?

Vue has the clearest file structure to understand, by far. This is mostly because of how few files in has in comparison. Unfortunately, Vue is not as well know as other technologies like React. This means you can find much more on the web to help you with it. If I was starting to build an "app" tomorrow, which would I use? I would go with React. I have a little experience with it as well as the knowledge of its resources. The scaling of React is going to be much easier because of the amount of development it has had.

If you're interested in learning more about the structure check out https://github.com/TheKodingKrab/boilerplates. In this repo you can find Vue.js, Angular, React, and Stencil.js.

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.