Svelte Origins: A JavaScript Documentary

[@syntaxfm]

I'm honored to be featured in such a great documentary about Svelte. Truly a wonderful developer experience.

[@dannydevs]

Yes, for sure, though have you tried Vue 3 with the latest script setup syntax? Other than the JS size, it is super sweet. Funny enough it is almost exactly like Svelte (with React custom hooks), so it's soooo nice to use. Also, love that you are a dope bboy, I myself am a popper/robotter who dabbles in breaking. Thank you for repping urban dance steezy fo sheezy!

[@deadhead6099]

What a tasty treat to have Scott talk about svelte (~};

[@Shaparder]

Dude your introduction scene doing breakdance is just nuts, mad stuff

[@dappinstitute]

Well deserved. You've been an ambassador!

[@0xedb]

"We would rather have a thing that a small number of people love than a thing a large number of people tolerate" ~ Rich Harris(2022)💡🧠

[@HeyDan1983]

The way Rich thinks really inspired, and that way of thinking was poured on Svelte.

[@blackbindy]

that's an important point. Svelte doesn't have to be React and React doesn't have to be Svelte. Svelte doesn't also have to defeat React. They could co-exist at the same time. it's a great pleasure for FE developers to have two choices when developing a web page, rather than fitting a framework into whatever webpages we make even though it doesn't quite fit into.

[@dorktales254]

Rust v C++ in a nutshell

[@etch3130]

@@blackbindy it's a great pleasure for FE developers to have two choices when developing a web page. What? It's a borderline meme how many frameworks exist

[@OzzyTheGiant]

Let me tell you something: I went through the whole svelte tutorial. I managed to read it in one day and I immediately felt comfortable writing UIs with it. Of course it helps that I've used other frameworks and understand component architecture, but the fact that the lessons are short, straight to the point, and concise means that this framework really simplifies a lot of things that shouldn't have been difficult in the first place. It gets closer to raw JS than anything else I've worked with.

[@swyxTV]

svelte has made webdev enjoyable/productive again for me - so honored to have been a part of this!

[@alexgalays910]

Same.

[@devpanda_js]

The thing that I don't need to worry about state. Svelte was my savior

[@gunarcom]

me too.

[@brianlewis9458]

Flavor of the month. honored? So the next framework that comes along, blah, blah, blah. Y'all write a little code and your head blows up ( including the author ). Complete lack of humility for JS. Do this in C++ and invent something ( rather than rewrite it ).

[@noroi_289]

@@brianlewis9458 🤓

[@petarkolev6928]

As a dev who uses React for around 6 years so far trying the official Svelte's introductory exercises I can say that I haven't felt so much dopamine as when I landed my first job as a dev!

[@guynatumanya]

I love svelte. After trying the different Frameworks, languages..... I've found that svelte's learning curve is basically a slope down!

[@djanthony6662]

Svelte restored my faith in fronted development once again. Deserved documentary.

[@imsleepy620]

Strange how this is one of the most engaging documentaries I've seen in a while. Great work.

[@jnl88]

Easily one of the best coding documentaries I've seen. Rich Harris is a modern day JavaScript Jesus.

[@daniedmola7465]

He actually kinda looks like Jesus stereotypes in the movies

[@isfland]

I hope Chris will not suffer from our shitty code

[@skoapiee]

What a shitty video, almost no in depth content about how this works

[@JorgeMartinez-xb2ks]

36 years in this industry and finally you've nailed it. Since the arrival of the Internet, FrontEnd Development has been ugly and depriment. God bless all of you bro :)

[@eelz5080]

I'm a boomer from the 2010 web developer days using html css and jquery It's amazing how easy it is for someone like me with my old style and understanding of web development can get right into svelte.

[@Lemmy4555]

I worked with all the major frameworks, AngularJS, Angular 2, React and recently Vue. Except from Vue 3 with composition API, none even get close to match svelte in terms of being pleasant, simple and easy to work with. Svelte really was a great discovery and in the past 4 years i've been using it and advocating it very hard in all my workplaces.

[@thatguynar]

Svelte definitely changed frontend development for me. I've been pushing and still pushing for our company to use it. Even though that may not happen, I'll still be using this for all my personal stuff.

[@mooder3247]

I'm a react developer , I have been doing react for 2 years a while ago i discovered svetle and i tried it for the first time and I was surprised by how easy it is and how they handled states and things together things I was really struggling doing them in react in the best way they are ready out of the box for you in svelte so love it and i wish it has more vibe about it.

[@ukaszzajac6704]

i have been using react before i learnt about svelte, i was shocked how much boilerplate react needed while svelte is still much faster, truely an incredible framework

[@michaeltodd2012]

Nicely done background on Svelte. For decades, I've written PC software and only recently wanted to just learn how to program web apps. Having spent several weeks trying to learn Elm, it wasn't going smoothly. Just upon looking at the layout of Svelte files/folders and App.Svelte, it was very intuitive and just makes a lot of sense. Well done Rich and friends. I will keep forging ahead on learning Svelte.

[@patricknelson]

Don’t feel bad! I’ve only heard of Elm (I know it came out _years_ ago) and I only just now took a moment to really look at it because of this comment. I’ve been writing web apps for 2 decades and Elm looks like a _very_ abstract way of going about it. That’s not necessarily bad, but I guess I’m not surprised since it would probably have a very sharp learning curve for anyone not already with the basics down (JS/HTML/CSS). How I’d end up learning Elm (I think) would be to start from those foundational units (which will never change anytime soon) and understand how Elm abstracts _that_ away, so my mind immediately goes to “How does it compile to JS/HTML/CSS” and so therefore “Where is my entry point?” (and on and on). But, that comes from _already_ being familiar with it.

[@winkletter]

I decided it was time to learn a JS framework. I had ChatGPT code the same on-off toggle button in Angular, React, Vue, and Svelte. As soon as the Svelte code appeared I said, "I'm learning that one."

[@celeblifestyle1330]

Same here

[@SpaceChicken]

Wow. Scott really does breakdance. I thought that was a joke. Great doc. Could listen to Rich all day.

[@libertad83y]

when different people are focused on the same goal with the same energy, we get Svelte ! Thanks to all 🙂

[@HilaryCheng]

Svelte is a great tools. I use React / Vue at the past. But the generated size are really serious problems. I just use Svelte to rebuild one of my project. Wow. The loading speed is amazing even on the mobile. Thanks Rich Harris!

[@OzzyTheGiant]

Vue has always been pretty good in terms of architecture and developer experience, and is my go to for large scale stuff, but the 2 to 3 migration really killed a lot of momentum and like React, it's based on V-DOM, which I don't particularly approve of. React on the other hand, I used to like several years ago, but all this fanaticism for it from new developers and the entire industry needlessly shifting to hooks have really turned me off; I just don't like how disgusting components look like with hooks and effect callbacks littered all over code bases because people can't seem to get proper separation of concerns right, and I've always hated the everything-in-JS philosophy; too many ways to do the same things.

[@lahcencodery]

"we would rather have a thing that a small number of people love than a thing that a large number of people tolerate" soon a large number of people will fell in love with svelte

[@andreamagista6742]

Svelte Is really similar to the Italian word "svelto" that literally means "quick". So nice job choosing the name 🙂

[@emenikedaniel]

This kept me locked in for the entirety of the documentary. Love it. Once svelte kit is stable, its game over cos I'm switching from react.. Lol

[@tycooperaow]

I already made the turnt like a uber driver and a dad with cable providers

[@gl1662]

Great documentary! Really walked me through the story of Svelte and the people behind it.

[@crowdozer]

not only is svelte amazing to use but its also so easy to learn, i love it their interactive tutorial thing is such a great primer

[@HeyDan1983]

Rich Harris... The frontend Jesus that came to save us all, keep up the good work Rich!

[@munawirulhadi2864]

best framework i have work with. I just hope the ecosystem getting better.

[@Hobbitstomper]

You know a JS framework is considered successful when it's being used in ways where its a complete overkill (jQuery flashbacks). Right now I came across a 3000 line generated svelte code that is on a commercial site, which could have been written in less than 100 lines of vanilla JS code without worrying about any backwards or cross browser compatibility issues. It feels like jQuery all over again, where a framework makes things so easy for devs, that some devs forget how to use vanilla JS, ending up with an overkill. PS: This is a compliment! Also, I absolutely love Svelte!

[@rasmustalioja7036]

Please post this amazing documentary in native resolution and let KZbin handle the black bars! People with ultrawide monitors are missing out on a lot of screen real estate. EDIT: Note to self. Do not comment before watching. The switch between aspect ratios is still weird on an ultrawide.

[@michalenpadayachee]

Really interesting how to combination of these unique events led to the formation of Svelte.

[@sixstringscoder8412]

Great to see such a professional production for this documentary. It's makes all the difference to capture the beauty of Svelte with well-shot, well-lighted, well-mic'ed production. Thank you for this!!

Wow, I'm so honored to be in the first seconds of the video. I love Svelte! :)

[@rallisf1]

This is all so inspiring. I began web development way back with PHP 3 and kinda went with it (newer versions ofc) up until 2019, when I finally made the decision to switch to Full-Stack JS. I tried learning react only to realize that it gave too many options and it was a whole new learning curve to use redux, hooks etc. It just didn't make sense to little old me. Then I discovered svelte, it was a "eureka" moment for sure. BTW I'm from Greece and we use quite a few forerign words, one of them is the Italian "svelto" which means fast... it sure is.

[@OfferZenOrigins]

Did you ever try Laravel?

[@MZ-yx8eg]

Hello comunity of svelte :) our team changed the framework from next/react to svelt, and we are amazed of the framework simplicity, i recommend this tool for everyone

[@JVPDesign]

This is a great video and it's really cool to see a lot of people I follow on Twitter. If I had one gripe it would be the volume of music in the cut sequences. I could personally do without the music altogether but when I raise the volume to hear what everyone is saying it's not pleasant to have my eardrums subsequently blown out by the cut sequence music.

[@7heMech]

Amazing documentary! This deserves way more attention.

[@OfferZenOrigins]

We agree.

[@shamanthkumar5017]

I love the framework. It made me learn more html and css and make everything static, massive time save can be achieved just by removing as much JS as possible

[@abhishekkharwar]

So, Svelte's development is a redemption arc. I love this!

[@d0cx]

After being a backend/Qt dev for the passed two years, I've finally bit the bullet to start learning Svelte. Really enjoying it so far, as things like React seem overly complicated :/

[@kennedymwenda3357]

I love the way Svelte interops with other JS especially jQuery if you're using Bootstrap. I was unable to use a bootstrap admin dashboard with ReactJS. React and jQuery don't get along. I tried Vue but Vuex and composition API that's too much for a progressive framework. I settled for Svelte and I was able to create a proof of concept CRUD app. My Stack now is Svelte+Inertia+Laravel. Am currently porting a SAAS admin area from laravel blades to Svelte.

[@portnet31]

I'm also laravel focused. And i was trying to decide if i should focus on vue or svelte. Thanks for the input

[@beachneosculpordwarf]

Why the hell on earth would you use jQuery with React, just why

[@kennedymwenda3357]

@@beachneosculpordwarfBootstrap themes come bundled with jQuery

[@beachneosculpordwarf]

@@kennedymwenda3357 Why would you use a css framework that has jquery as dep?

[@kennedymwenda3357]

@@beachneosculpordwarf Yap am a backed dev basically I've no time to learn pure css frameworks.

[@SahilRajput03]

The philosophy of this author is just awesome.! Rich Harris.

[@blankslate6393]

Svelte is an awsome framework, brainchild of awesome person. Best thing to JS since JQuery.

[@eelz5080]

1000% agree. It's truly a gift

[@codu]

Amazing documentary! Great story and delighted for all of the success. 🔥

[@sky_kryst]

Good to know. I didn't know so much about svelte. Always avoided it because of the script-style-html breakdown like syntax that I hate. But falling almost instantaneously for solidjs when it came out, and now watching this documentary, it feels like you get to know what would be different if an artist and a scientist tried to build the same thing.

[@hamzakhiar3636]

What's the compiler built with, I checked github and it's only JS and TS

[@tuannguyenanh7466]

Svelte make Web development great again. I love it

Great job guys on the documentary, been using svelte since 2 and after 3 everything changed for good!!

[@achtube85]

Enjoyed every single minute of this documentary. Thanks once again for delivering such high quality content! Looking forward to the next one

It's really sad that people go to react mostry because it's popular, and not because it's better. Great documentary.

[@raysmets]

I got hands-on with Svelte for the first time lat night and had the most authoring software for the browser in as long as I can remember. Thanks for this entertaining and informative documentary!

[@pauek]

Great documentary. Inspiring. I am biased since I love Svelte for the same reasons that many mention, so I guess that's why I find the documentary so emotive, but it's so great you took the time to make it. By the way, if you enable "Super Thanks" (a button for just giving a one-time tip) I'd like to use it.

[@OfferZenOrigins]

Thanks Pau! What a kind gesture. If you want to give super thanks, the best way to do that would be to share the video (and OfferZen) with your community. We're in the business of sharing opportunities to grow with people that might get value from them :)

[@AkshatRamanathan]

Wonderful channel. Wonderful concept. Thanks for making me fall in love with the history behind the tech

[@blackbindy]

such a great great video. honestly speaking I haven't thought of me using svelte because I always thought it cannot be spread out as much as React does. but after watching the video I just changed my mind. I'm not saying Svelte would defeat React one day, but now I think React and Svelte might share the FE ecosystem by taking each role of their own. I might still use React for a bigger web apps, but if I have a chance to create a small but interactive page one day I definitely would consider using Svelte for it. Thanks for such a great documentary.

[@OzzyTheGiant]

I think Svelte can beat react, but that's not the goal. I think the real consideration is getting developers to rethink about how they're writing apps. The less bloat the better.

[@toothless.tarantula]

Great job guys, I really enjoyed this documentary, looking forward to your next project, congratulations.

[@ranarisonassim880]

I'm a developper vue js but this is the best framework javascript that I see, it's simple and very performant

[@anuraghazra4772]

Amazing documentary! Maybe TypeScript next? hehe.

[@MarcusHammarberg]

Richard also played the trombone?! I know am impressed on yet another level

[@pahellebrand]

Two-Way-Databindings just work, refs are 100% always defined in onMount even if its a component, that why I personally prefer to use svelte. I just wish there was a OnPropsChanged hook not beeing able inflict calls on itself like $: {} and maybe with the prop names changed as params) Would also feel more natural than weird javascript Syntax starting with $:

[@tomich20]

15 year PHP/jquery (haha, really) developer here. Im thinking about switching to svelte in this order: 1) start creating single file components for my current year long projects 2) create full cliente-site with Svelte as PWA with offline compatibility and PHP API 3) go full svelteKit any tips?

[@Mio2k10]

Started using Svelte like 2 years ago. I love it!

[@Parkuman]

That was a cool look into the background and the people behind Svelte. Thanks OfferZen :)

[@christianmartinez2179]

The framework without a framework makes total sense but didn't in the JS environment, take native development as an example, you use frameworks to ease development, but you don't ship the framework, you compile to native code and that's it, the framework is exclusively a development tool not a runtime one.

[@william.darrigo]

I just started using Svelte. So much more fun than other stuff I've used

[@pongstr]

You guys deserve more subs! Thanks for sharing this :)

[@sukmaraharja7446]

Great coverage on svelte, it is enjoyable. Also. I can feel there were lots of efforts put into the documentary. the shots, editing, sounds is just *chef kiss*

[@hsdev]

Really enjoyed learning about Svelte's beginnings and all its contributors. I've been a happy user since 2020.

[@kyler.6645]

I've been developing my first important professional site for a client and I was developing vanilla and I see all they ways it could be simplified. I've looked at how Svelte can be used and I think it's really great.

[@arvi8843]

As a back-end dev, I must try this. Front-end dev has always been intimidating since my React experience in 2017. 😂 Maybe this would change my experience in front-end dev.

[@christinefredricksen8743]

I love Svelte and I am using it for all of my personal projects. Great documentary! Thank you.

[@is_online]

Really well put together video ✨

[@dv4able]

One day Svelte will conquer frontend development

[@dannydevs]

Svelte's templating syntax is clunky compared to Vue 3. Svelte does not have stateful composables. Svelte is wonderful for non-highly-scaled websites and web apps. Svelte has a very bright future. But it is NOT trying to be React, or Vue 3, or Solid. It is a wonderful framework for vanilla JS web devs to start in, but Vue 3 is almost as nice--except Vue's reactivity system has more gotchas/pain points than Svelte's magical reactivity; however, as I said before, Vue 3 has stateful composability, and at scale, that means a lot. I'm glad that the trio of Vue 3, Svelte, and Solid will show that React's indifference to DX and inflexibility with regards to performance and JS size are not what devs or clients want.

[@alittlegreyhair1104]

What a great video. Lovin' Svelte. Many thanks for all your hard work.

[@Johnny-lb9qi]

Wow such a great tribute to the best frontend framework out there! Well done.

[@Miles-co5xm]

atleast for backend devs svelte is awesome

[@pjnyc8276]

Brilliant. Thank you for this

[@DeviIlustration]

Comunidad hispana, aquí apoyando svelte, vengo de parte de la comunidad de midudev ❤

[@OzzyTheGiant]

Rich Harris, what is your endgame? Idk, but if it was me in the lead, my vision would be to make Svelte the official way to write rich, interactive UIs on all browsers, that is, if WebAssembly doesn't do something about it first.

[@deecee2204]

Great Documentary, now im torn between learning react vs svelte,

[@marcello_s]

Which one did you end up choosing ?

[@am01013]

Svelte ftw! It's so easy to work with, I hope it stays around

[@ko-Daegu]

As a python dev I will be learning JS just cuz of Svelte

[@bl1tzQ]

What an inspiring video, you've done a great work Rich, keep up good work! And also such a great video, the material is cool!

[@artneo7]

I love Svelte! It has been a game-changer for me! Thanks! 🙏👏👊

[@francescocampus4829]

Gotta try svelte at this point! Very inspiring

[@louierichardson123]

Awesome documentary! 🔥

[@iantanyixiong6782]

Super well done documentary and excellent production quality 👍

[@chei86]

Whats the best (easiest to implement, cool developer experience, good pricing options...) CMS to use with Svelte/Sveltekit?

[@innolab2698]

What's the visualization tool they used at 7:28 ?

[@guillaumejeusel9671]

Same question !

[@saswatsamal1199]

Looking forward to use Svelte and very nice story of Svelte

[@abc_cba]

Next, I'd want you to do a documentary on Scala language.

[@parmjeetmishra2]

Thank you for this documentary ...

[@danielfry9126]

Great documentary! Impossible to not love Svelte

[@dosomething6975]

Cheers! To give me something new to learn I'll rewrite my portfolio in svelte

[@vahesevachyan9399]

Anyone know the song at 30:33

[@camiloribon6461]

@midudev Midu saliendo en el documental de Svelte, que grande!!!

[@sikandarbhide5354]

Developers fell in Love while using Svelte

[@sabuein]

Thank you.

[@TaskerenAnthony]

What's the music used around 4:00?

[@JEsterCW]

21:00 - Respect for the T-Shirt vibes ;D

[@ricko13]

I was waiting for this documentary on the Honeypot's channel

[@DanielTorres-gd2uf]

Very nice documentary!

[@nicmantzivis8978]

Looking forward to trying Svelte