Technology RadarTechnology Radar

Svelte Framework

Svelte is a JavaScript framework for building user interfaces (UIs). It's often categorized as a "compile-time" framework, which means that instead of shipping a bulky runtime library to the browser like other frameworks (e.g., React, Vue.js), Svelte shifts most of its work to build-time. This approach results in smaller bundle sizes and faster performance.

With Svelte, you write your components using a syntax that resembles standard HTML, CSS, and JavaScript. Then, during the build process, Svelte compiles these components into highly efficient JavaScript code that directly manipulates the Document Object Model (DOM) to update the UI when data changes.

One of the key features of Svelte is its reactivity system. When the state of a component changes, Svelte automatically figures out what needs to be updated in the DOM, minimizing unnecessary re-renders and resulting in very efficient UI updates.

Overall, Svelte offers a refreshing take on front-end development, emphasizing simplicity, performance, and a low learning curve. It's gained popularity among developers for its elegant approach and the advantages it brings in terms of performance and developer experience.

Updates

Trial

We're trying out Svelte for our internal tender tool, that allows us to search our past bids and conceptual documents.

Assess

We're assessing whether we want to add Svelte as an UI-frameworks alongside Vue.js.