From 0fce4e6f1c98e569a194dc5e68445d4516a0a738 Mon Sep 17 00:00:00 2001
From: Jens Jensen <43784907+B1gDaddyKane@users.noreply.github.com>
Date: Fri, 7 Oct 2022 13:39:52 +0200
Subject: [PATCH] Add svelte content (#2235)

* Update 103-svelte.md

* Update content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../content/111-pick-a-framework/103-svelte.md             | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md b/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md
index c31022065..32a422416 100644
--- a/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md
+++ b/content/roadmaps/100-frontend/content/111-pick-a-framework/103-svelte.md
@@ -1 +1,8 @@
 # Svelte
+
+Svelte is a javascript framework that unlike Vue and React does not use vertical DOM diffing but instead knows exactly what and where to update when the state changes. It's mainly focused on frontend and building user interfaces.
+
+<ResourceGroupTitle>Free Content</ResourceGroupTitle>
+<BadgeLink colorScheme='blue' badgeText='Official Website' href='https://svelte.dev/'>Svelte Website</BadgeLink>
+<BadgeLink colorScheme='blue' badgeText='Official Guide' href='https://svelte.dev/docs'>Svelte Documentation</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/playlist?list=PL4cUxeGkcC9hlbrVO_2QFVqVPhlZmz7tO'>Svelte Course Playlist for beginners</BadgeLink>