Web applications are becoming more popular day by day. They’re a growing world which people choose for its simplicity, speed, and cross-platform availability. Single Page Applications (SPAs) have taken a huge part in this process. Frameworks like Angular, Vue.js, and React help developers to deliver the best user experience in a short period leaving the code supportable and extendable. These tools have long remained most popular in the field, with many advantages over the newly created packages. It has felt like an oligopoly in the SPA world. However, a group of forward-looking developers targeting this market could enter with a serious competitor—Svelte.
Svelte is a new approach to building user interfaces. Let’s dive in and explore what makes it so fresh by creating a common log-in form.
Architecture
Svelte is architected to be faster than any other library. It’s reached by shifting the step of loading a framework for building a virtual DOM. Instead of using a tool during the running process, it’s compiled to vanilla JS at the building stage so the application requires no dependencies to start.
SvelteOther SPA libraries (React, Vue.js, Angular, etc.)1. Open a website
2. Render the page using pure JS
1. Open a website
2. Wait until the code for building a virtual DOM is loaded
3. Render the page using the library
The table above describes why Svelte is an absolute winner in startup performance. That’s not gained by any sort of optimization but by using the available browser JavaScript compiler instead of a side compiler.
#architecture #spa world #spas
