Svelte
2 minuty czytania
Tomasz Kozon
6 lut 2022
Svelte to nowoczesny framework JavaScript, który pozwala na tworzenie interaktywnych aplikacji webowych. Jest prosty w użyciu, a dzięki jego elastyczności, jest to narzędzie, które może być wykorzystywane zarówno przez początkujących, jak i zaawansowanych deweloperów.
Svelte jest kolejnym frameworkiem do języka Javascript służący do tworzenia interfejsów graficznych aplikacji internetowych. W tym artykule omówię pokrótce czym Svelte rózni się od takich bibliotek, czy też frameworków jak React, Vue, czy Angular.
Czym jest Svelte?
Svelte jest darmowym, open sourcowym front-endowym kompilatorem, wykorzystywany do tworzenia interfejsów graficznych aplikacji internetowych. Został on stworzony w listopadzie 2016 roku przez Richa Harrisa. Poprzednikiem Svelte jest projekt o nazwie Ractive.js. Aktualnie Svelte jest przepisany na język TypeScript.
Różnica między Svelte a Reactem
Svelte ma zupełnie inne podejście do tworzenia aplikacji internetowych niż niektóre inne frameworki w tym React. Podczas gdy frameworki takie jak React, Vue, czy też Angular, wykonują większość swojej pracy w przeglądarce użytkownika, Svelte przenosi to działanie na etap kompilacji, które ma miejsce tylko i wyłącznie podczas tworzenia aplikacji. Rezultat tego jest taki, że aplikacja jest wydajniejsza. Svelte trzyma się klasycznego podejścia modelu tworzenia stron internetowych wykorzystuje HTML, CSS i Javascript, dodając tylko kilka rozszerzeń do HTML i Javascript. W porównaniu do Reacta, Svelte jest łatwiejszy do zrozumienia i rozpoczęcia pracy, ponieważ główna część Svelte to zwykły Javascript, HTML oraz CSS. Kolejną dużą różnicą pomiędzy Svelte a Reactem jest taka, że Svelte odszedł od koncepcji wirtualnego DOMU i używa tak zwanego Diffingu.
Svelte zarządzanie stanem
Svelte posiada kilka rodzajów radzenia sobie z zarządzaniem stanem. Możemy użyć Context API lub też Svelte stores. Svelte ma dwa rodzaje stores do zarządzania stanem: writable oraz readable. Writable Stores to obiekty, które przechowują wartości lub właściwości, do których mogą uzyskać dostęp różne komponenty. Writable Stores używamy wtedy kiedy chcemy przechowywać wartości z możliwością późniejszej zmiany. Natomiast Readable stores również służą do przechowywania różnych wartości, lecz nie można ich aktualizować.
Przykłady projektów, które wykorzystują Svelte.
Istnieje wiele ciekawych projektów, które wykorzystują go jako podstawowy framework front-endowy. Jednym z przykładów jest aplikacja do nauki języka angielskiego, Lingvist, która została zbudowana z wykorzystaniem Svelte i TypeScript. Innym ciekawym projektem jest aplikacja do zarządzania projektami, o nazwie Facile, która oferuje intuicyjny interfejs użytkownika, a także wiele funkcjonalności, takich jak tworzenie zadań, przypisywanie etykiet i planowanie projektów. Facile korzysta z Svelte do budowy interfejsu użytkownika, co pozwala na szybkie i wydajne renderowanie stron. Kolejnym projektem jest aplikacja do organizowania wydarzeń, o nazwie ConferCal, która oferuje wiele funkcjonalności, takich jak planowanie wydarzeń, zarządzanie gośćmi i przesyłanie zaproszeń. ConferCal wykorzystuje Svelte jako podstawowy framework front-endowy, co pozwala na szybkie i wydajne renderowanie interfejsu użytkownika. Te projekty pokazują, jak może być używany w różnych projektach front-endowych, od prostych aplikacji po bardziej zaawansowane narzędzia.
Powiązane artykuły
Jak wykorzystać pliki cookies do poprawy jakości działania strony internetowej?
16 mar 2023
W erze cyfrowej, gdzie użytkownicy oczekują szybkich, spersonalizowanych i bezproblemowych doświadczeń online, coraz więcej właścicieli stron internetowych poszukuje skutecznych sposobów na poprawę jakości swoich witryn. Jednym z narzędzi, które może przyczynić się do osiągnięcia tego celu, są pliki cookie.
Tomasz Kozon
Reklamowanie się w Gmailu za pomocą Gmail Sponsored Promotion.
15 mar 2023
Reklama w internecie to obecnie niezbędny element strategii marketingowych dla firm każdej wielkości i branży. Jednym z kanałów reklamowych, które zdobywają coraz większą popularność, jest Gmail Sponsored Promotion. To narzędzie pozwala na wyświetlanie reklam w skrzynce odbiorczej użytkowników Gmaila w sposób nieinwazyjny i dopasowany do profilu odbiorcy.
Tomasz Kozon
Jakie są różnice między atrybutami nofollow i dofollow?
14 mar 2023
W świecie SEO atrybuty nofollow i dofollow są pojęciami, z którymi każdy właściciel strony internetowej powinien się zapoznać. Oba atrybuty stanowią ważny element optymalizacji strony internetowej, wpływając na jej pozycję w wynikach wyszukiwania. Atrybut nofollow i dofollow oznaczają dwa różne podejścia do linkowania, a ich właściwe stosowanie może przynieść korzyści dla witryny internetowej w postaci zwiększenia ruchu i poprawy reputacji w oczach algorytmów wyszukiwarek.
Tomasz Kozon
Definition of Done w metodologii Agile - jak wykorzystać ten koncept w praktyce
14 mar 2023
W dzisiejszym dynamicznym świecie zarządzania projektami IT, metodologia Agile zyskuje coraz większą popularność jako elastyczne i efektywne podejście do wytwarzania oprogramowania. Wśród kluczowych konceptów Agile, Definition of Done (DoD) pełni istotną rolę w utrzymaniu wysokiej jakości produktów oraz sprawnym monitorowaniu postępów projektu.
Tomasz Kozon
Geotargetowanie w strategii marketingowej: Jak może przyczynić się do wzrostu sprzedaży i świadomości marki
14 mar 2023
W erze cyfryzacji i rosnącej konkurencji na rynku, przedsiębiorstwa poszukują coraz bardziej efektywnych i innowacyjnych strategii marketingowych. Geotargetowanie, czyli wykorzystanie danych geolokalizacyjnych w celu dostarczania spersonalizowanych treści i reklam, stało się jednym z kluczowych narzędzi w budowaniu skutecznych kampanii.
Tomasz Kozon
Co to jest robots.txt i do czego służy?
14 mar 2023
Robots.txt to plik, który jest często pomijany przez właścicieli stron internetowych, a jednocześnie może mieć kluczowe znaczenie dla ich widoczności w wyszukiwarkach. Plik ten określa zasady, według których roboty wyszukiwarek powinny indeksować naszą witrynę. Właściwe wykorzystanie pliku pozwala kontrolować indeksowanie poszczególnych sekcji naszej witryny, co zwiększa jej bezpieczeństwo oraz skupia uwagę robotów na najważniejszych elementach.
Tomasz Kozon
Dlaczego evergreen content jest ważny dla strategii marketingowej?
13 mar 2023
W dzisiejszych czasach, gdy konkurencja w internecie jest ogromna, a uwaga użytkowników skupia się na krótkich treściach, evergreen content stanowi odrębną wartość w strategii marketingowej. Dzięki swojej trwałości i wartości, pozwala na przyciąganie uwagi i angażowanie odbiorców na długi czas.
Tomasz Kozon
Zobacz wszystkie artykuły