Svelte
Categories
-
Development
What is Svelte and what does it mean?
Are you wondering what Svelte means and why Rich Harris chose that name? Or maybe you are wondering what Svelte is? In this article, we will answer the questions you might have.
-
Design
Introduction to do transitions with Svelte
Transitions and animations can be lots of work but with Svelte it is as easy as adding an attribute to your elements. In this article, we will explain what transitions and animations is and how to use these in your Svelte web application. We will also as a bonus show you how you can create custom CSS transitions using Svelte.
-
Development
Get to know Svelte Stores, writable’s and readable’s
In bigger web development projects you often want to store data in a place where it's accessible to all components. This is where Svelte Stores comes into the picture, and in this article, we will look into the writable and readable store specifically.
-
Development
What is onMount and onDestroy in Svelte?
Svelte's onMount() and onDestroy() function comes in very handy when you develop web applications. These functions can be used for various things such as API calls and cleanups. In this article, we are diving into the functionalities of these functions and how you implement them in your project.
-
Design
Get started with SvelteKit and build your first web app
If you are familiar with Svelte you will most definitely love SvelteKit as well! With SvelteKit you get lots of features that will make development even faster than it was before and it is stuffed with cool features!
-
Development
Svelte training: Here you can learn Svelte
Svelte is an amazing framework that is both easy to use and allows you to develop faster, but if you are about to learn it and don't know where to start, then it can be confusing. In this article, we talk about why you should learn Svelte, where you can learn it both through paid and free courses and much more.
-
Development
How to implement routes in your Svelte web application using svelte-routing
Routing is essential for most websites and web applications and also in Svelte. Since Svelte doesn't have an official router built-in, it requires a bit of work to find the right one that suits your project and needs. In this article, we go through what a router is, which routers exist, how to implement the most common one, and more.
-
Development
Understand how Svelte’s auto-subscribe $ (dollar sign) syntax work
Did you know that Svelte has two ways of letting you subscribe to the changing values in your store file? One of these methods is using a $ (dollar sign) syntax, and that is the one we will be looking at in this article. You will learn more about what it is, why we use it, which advantages it gives you and your project and how to apply it.
-
Development
Should you use Svelte’s store subscribe or the reactivity $ (dollar sign)
In Svelte you will find 2 methods that can make your data dynamic: The Svelte Store Subscribe function and the auto-subscribe syntax using a $ (dollar sign). Which one of these is best? Get the answer here!
-
Development
How to use dynamic import in Svelte using Rollup (Code splitting)
Often when building web applications we end up with big compiled bundles that the visitors have to load before being able to interact with our product. With dynamic imports/code splitting in Svelte, we can split our code into chunks, and then our visitors only have to download and render what they need. Dynamic imports are fast to implement and here we will teach you how to!
-
Development
Svelte vs. React vs. Angular - Why Svelte is more environmental friendly
Both Svelte, React and Angular has an impact on the environment, but why is Svelte the most efficient / environmental? Find out exactly how much CO2 each framework emits here and choose the most environmental for your projects!