I-As.Dev

Belajar Frontend Framework Svelte

Belajar bareng frontend framework Svelte. Sebuah JavaScript framework yang menjanjikan kita menulis kode yang lebih singkat dan sederhana, reaktif dan tidak menggunakan virtualDOM.

Tutorial Svelte Indonesia

#svelte #sveltetutorial #tutorial Hi Calon Programmer masa depan, selamat datang di playlist saya yang membahas tentang Svelte.JS. Playlist ini akan membahas secara lengkap bagaimana menggunakan Svelte untuk projek web kalian. Semangat Belajar! Jika dirasa konten-konten yang dihadirkan bermanfaat, jangan lupa Share, Subscribe, Like dan Komentar ya, agar kami tetap bersemangat untuk berkarya. Selamat sukses

Svelte & SvelteKit

SvelteKit Videos

Svelte Tutorial for Beginners

Svelte Tutorial for Beginners

Svelte Tutorial for Beginners

Svelte is a tool for building fast web applications. It is similar to JavaScript frameworks such as React and Vue, which share a goal of making it easy to build slick interactive user interfaces. But there's a crucial difference: Svelte converts your app into ideal JavaScript at build time, rather than interpreting your application code at run time. This means you don't pay the performance cost of the framework's abstractions, and you don't incur a penalty when your app first loads. You can build your entire app with Svelte, or you can add it incrementally to an existing codebase. You can also ship components as standalone packages that work anywhere, without the overhead of a dependency on a conventional framework. Svelte Tutorial | Svelte Tutorial for Beginners

Proyek Sederhana Svelte - Todo App - Bahasa Indonesia

Tutorial Svelte Bahasa Indonesia. Belajar Svelte dengan membuat proyek sederhana berupa Todo App

SvelteKit Tutorial

SvelteKit is a framework for building high-performance web apps using Svelte. Whereas Svelte is a component framework, SvelteKit is an app framework. And it is this line, which I want to break down further, to help you understand what exactly is SvelteKit. Now if you think about building applications with just Svelte, it's not quite possible to build a full feature rich application ready to be deployed for production. Svelte is a component framework for building user interfaces. It is responsible for only the view layer of an application and you as the developer have to make decisions on other features of the app. For example, how would you implement routing, server side rendering, authentication etc. Sveltekit on the other hand is an app framework. It is a package that uses Svelte for building user interfaces, but it also comes loaded with a lot more features that enables you to build full fledged production ready applications. Features exactly like routing, server side rendering, authentication, bundle optimization etc. There's no need to install additional packages. Sveltekit provides everthing for you. You do have to keep in mind though that SvelteKit, living true to the name of being a app framework, does have opinions and conventions which need to be followed to implement the above said features. However, we don't have to worry much about that as they are conventions that are easy to follow. So to re-iterate, SvelteKit is a framework for building high-performance web apps using Svelte. Alright now that we know what SvelteKit is, lets see why you might want to learn it. The why again stems from the fact that SvelteKit simplifies the process of building a web application for production. Let me list down some of the noteworthy features which you would probably want in a web application that SvelteKit provides out of the box. The first one is File based routing. When building a SvelteKit app, you don't need a third party routing package. SvelteKit provides what is known as file based routing to simplifiy this task. The second feature is prerendering. This means that Sveltekit generates HTML for each page in advance, instead of having it all done by client-side JavaScript. Pre-rendering can result in better performance and SEO which is something we all want. The third feature is API routes. And this might be a surprise to most of you. But let me tell you that you can create APIs with SvelteKit. So SvelteKit is really a fullstack framework if you think about it. You can write the UI code as well as APIs that can be called by the UI. SvelteKit also simplifie data fetching and sharing data through the component tree. We will learn how as we progress the series. SvelteKit provides a well optimized production build system so that you can focus more on the code and less on the configuration. There's a lot more to this list and it is a culmination of all these features which makes SvelteKit an amazing framework to work with.