Svelte

Svelte • Cybernetically enhanced web apps Svelte is a free and open-source JavaScript framework written by Rich Harris. Svelte applications do not include framework references. Instead, building a Svelte applications generates code to manipulate the DOM, which may give better client run-time performance.

svelte javascript web-development

Unlocking reactivity with Svelte and RxJS

I keep being surprised by how reactive Svelte feels. In this article, we take a glance at the Svelte internals to see how Svelte accomplishes this. This is important if we want to use RxJS in Svelte.

Building Full-Stack Reactive Web Applications – 04: Writing Data

In the last part we’ve added a Meteor collection to the Issues sample application for managing our data. So far we’ve only used the Issues collection to retrieve data which is stored in the MongoDB database. In this episode we’re going to continue working with collections. This time we’ll enhance the client application so that the user can also create new issue data by using a form.

Building Full-Stack Reactive Web Applications – 05: Deleting Data

In the last episode we’ve added a form to our Issues List application, so that it is possible to create new issue data. This time we’re adding another capability to our Meteor and Svelte application: deleting data. Building Full-Stack Reactive Web Applications – 05: Deleting Data

Building Full-Stack Reactive Web Applications – 06: User Accounts

Meteor makes user management very easy. You can quickly add a full-featured user management system into your application which lets the user create user accounts and authenticate. In this episode we’ll extend the sample application and add user management features to our Svelte front-end application. Building Full-Stack Reactive Web Applications – 06: User Accounts

Building Full-Stack Reactive Web Applications – 03: Collections

We’ve started to implement a first Svelte client web application inside the Meteor project in the last episode. The data which we’ve used in this application (issue objects) are coming from a function which has been implemented in the client application directly. In this application we’re going to change this and introduce the concept of collections. By using Collections you can easily manage data access on your Meteor application both on server and client side.

Building Full-Stack Reactive Web Applications – 01: Introduction & Setup - Meteor & Svelte

This is the first episode of the new Meteor & Svelte tutorial series. By using Meteor and Svelte you can build modern reactive web application with easy. Meteor is on open source full-stack JavaScript frameworks to build responsive and reactive web, desktop and mobile apps. Meteor is fully based on JavaScript and covers back-end and front-end. This means you can use just one programming language in all parts of your application.

Jamstacking a free CMS site

this tutorial, we'll finish up by adding FaunaDB to our stack and integrating it in the Svelte/Sapper site. Faunadb is a serverless database. It starts with a free

Jamstacking a free CMS site with Svelte/Sapper, Netlify and FaunaDB

website based on the Sapper template from Nicholas Christ, and modify it to use FaunaDB as storage and Netlify as free host. It uses Svelte ...

6 Top JavaScript UI Frameworks & Libraries for 2020

The JavaScript ecosystem offers countless UI frameworks and libraries. These top options help developers build complex reactive apps that scale well: Ext JS by Sencha, React, Angular, Vue, Ember, Svelte 3,

I Created the Same App in Svelte.js and Malina.js. Here are the differences

I like Svelte.js. Since I’ve tried it, I wanted to try another way to detect changes/mutations, current change detector is one of the keys of Svelte, without it Svelte would not be itself. So to experience another change-detector I made a little “sister” of Svelte is Malina.js, which instead of checking if a variable was changed, it checks if a binding was changed (bind-checking). Below are a few examples how it’s better. To be able to see a difference I made the same todo-app on Svelte.js and Malina.js Svelte.js vs Malina.js

Svelte Tutorial (Better than React?)

Learn Svelte by building your first Svelte app that uses multiple routes, handles forms and consumes a full CRUD API.

Simple Svelte Micro Frontends with Podium

Discover how you can leverage Podium & Svelte to easily create server side composed Micro Frontends.

Elm vs. Svelte - Compare from 8 perspectives

A biased and superficial comparison between two frameworks that compile to JavaScript

React, Vue and Svelte on one page with Micro Frontends

Compose React, Vue & Svelte on server-side using the Podium framework.

Fancy Checkboxes in Svelte

Normal checkboxes are dull. They do a job, of course, but they can’t be styled and their native appearance varies between browser and…

React, Vue, and Svelte as Teen Movie Archetypes

Who's the jock? The nerd? The misfit? Who's the type A overachiever, or the moody artist, or the partier? Get to know each of these JavaScript frameworks through the hallowed medium of the teen comedy.

Compare React and Svelte

I decided to compare React and Svelte, two JavaScript frameworks, to show the differences between them. To do that, I created a pitch deck app using both frameworks, making them as identical as possible.

React vs. Svelte - Should you choose Svelte over React?

React vs. Svelte - A quick difference between React and Svelte. Should you choose Svelte over React? Should you switch your projects to Svelte? or Should you even learn it?

Svelte vs. Vue - Which One to Choose?

Svelte vs Vue: How does Svelte - a framework that offers high performance and improved development experience - compare to an established player like Vue?

Svelte vs React vs Angular vs Vue

Svelte vs React vs Angular vs Vue: Should you choose SvelteJS over React.js or Angular?