Svelte Origins: A JavaScript Documentary

Рік тому

🎥 More tech documentaries coming out soon, subscribe to be notified 👉
(PS: The 2022 Stack Overflow Developer Survey results just came out and Phoenix overtook Svelte as the world's most loved web framework so hey, we had to adjust our thumbnail a bit 🤷)
Svelte Origins: The Documentary tells the story of how Svelte came to be, what makes Svelte different, and how it changes the game as a JavaScript framework. Filmed in locations throughout Europe and the US, it features Svelte’s creator Rich Harris and members from the core community who contributed to making Svelte what it is today.
Svelte Origins was filmed in late 2021, produced by OfferZen and directed by Dewald Brand, with shoots in the USA, the UK, Ireland, Sweden and Germany.
0:27 Who is Rich Harris?
0:52 Why is Svelte called Svelte?
1:39 What is Svelte?
1:52 How does Svelte differ from other JS frameworks like React or Vue?
2:50 How did Rich Harris get into tech?
4:38 Visual journalism and the creation of Ractive.js
5:43 Why did Rich Harris create Svelte?
6:57 Core Svelte contributors
7:44 Ben McCann talks about reactive code
8:50 How Svelte went from V1 to V3
10:09 Scott Tolinski explains what makes Svelte so appealing to many JS developers
12:41 Amelia Wattenberger talks about Svelte being the JS framework with the highest satisfaction rates
14:50 Aliza Aufrichtig talks about using Svelte at the New York Times
17:22 Moritz Stefaner talks about building the German vaccination dashboard using Svelte
19:05 Rich Harris explains that Svelte is as generic and flexible a JS framework as React or Vue
19:43 TypeScript support was one of the most popular requested features in Svelte
20:47 Orta Therox explains why & how TypeScript support was brought into Svelte
22:40 Introducing Svelte Summit and the Svelte community
23:58 Swyx, Antony Jones and Kevin A.K. talk about the origin story behind Svelte Society and its purpose in the Svelte ecosystem
27:46 Rich Harris and Guillermo Rauch (CEO of Vercel & creator of Next.js) talk about Rich Harris joining Vercel and what this means for Svelte
30:26 Rich Harris reflects on the success of Svelte and what the future might look like
#svelte #sveltejs #javascript #typescript #react #vue #nextjs #vercel
OfferZen is a developer job platform helping devs find jobs they love in positions they deserve. Want to know more about OfferZen? Check out the link below. 👇
bit.ly/dev-jobs-sdo
Connect with OfferZen:
Twitter: / offerzen
Instagram: / offerzen
Facebook: / offerzen
LinkedIn: / offerzen

КОМЕНТАРІ: 248

@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.

@DevPandaSuraj Рік тому

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 ).

@kr4k3n_289 Рік тому

@@brianlewis9458 🤓

@guynatumanya Рік тому

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

@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!

@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.

@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 :)

@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

@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.

@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

@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.

@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."

@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.

@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

@SpaceChicken Рік тому

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

@shamanthkumar5017 7 місяців тому

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

@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.

@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.

@gl1662 Рік тому

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

@AnnieTaylorChen Рік тому

Such a lovely docu and warm community. I can't wait for the day when it's mentioned in the job: having experience with React/Svelte/Vue/Angular. :)

@crowdozer3592 Рік тому

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

@libertad83y Рік тому

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

@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!!

@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

Рік тому

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

@andreamagista6742 Рік тому

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

@codu Рік тому

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

@toothless.tarantula Рік тому

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

@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.

@achtube85 Рік тому

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

@christinefredricksen8743 Рік тому

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

@AkshatRamanathan Рік тому

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

@rasmustalioja7036 Рік тому

Please post this amazing documentary in native resolution and let UKposts 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.

@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?

@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.

@michalenpadayachee Рік тому

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

@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!

@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*

@raysmets5894 Рік тому

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!

@munawirulhadi2864 Рік тому

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

@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.

@Johnny-lb9qi Рік тому

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

@iantanyixiong6782 Рік тому

Super well done documentary and excellent production quality 👍

@PhoneRefer Рік тому

I use Svelte at work and I love working with Svelte ❤️

Рік тому

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

@alittlegreyhair1104 Рік тому

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

@Mio2k10 Рік тому

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

@hsdev Рік тому

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

@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!

@HeyDan1983 Рік тому

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

@Parkuman Рік тому

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

@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.

@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 :)

@7heMech Рік тому

Amazing documentary! This deserves way more attention.

@OfferZenOrigins Рік тому

We agree.

@artneo7 Рік тому

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

@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 :/

@abhishekkharwar Рік тому

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

@danielfry9126 Рік тому

Great documentary! Impossible to not love Svelte

@anuraghazra4772 Рік тому

Amazing documentary! Maybe TypeScript next? hehe.

@pongstr Рік тому

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

@saswatsamal1199 Рік тому

Looking forward to use Svelte and very nice story of Svelte

@JustSomeTommy Рік тому

I've been looking forward to this! Thanks! :)

@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?

@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.

@pjnyc8276 Рік тому

Brilliant. Thank you for this

@blankslate6393 Рік тому

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

@eelz5080 Рік тому

1000% agree. It's truly a gift

@SahilRajput03 Рік тому

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

@louierichardson4244 Рік тому

Awesome documentary! 🔥

@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

@ranarisonassim880 Рік тому

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

@francescocampus4829 Рік тому

Gotta try svelte at this point! Very inspiring

@BhargavaMan Рік тому

This is amazing, please do more.

@is_online Рік тому

Really well put together video ✨

@dosomething6975 Рік тому

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

@DeviIlustration Рік тому

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

@kudamasangomai Рік тому

loving these documentaries

@MarcusHammarberg Рік тому

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

@apuravela Рік тому

Thanks for this grate documentary

@JoyofCodeDev Рік тому

🔥

@techworld3043 Рік тому

quality content, this channel could be my fav

@zhanezar Рік тому

awesome , thanks for creating this

@parmjeetmishra2 Рік тому

Thank you for this documentary ...

@nicmantzivis8978 Рік тому

Looking forward to trying Svelte

@william.darrigo 10 місяців тому

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

@chei86 Рік тому

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

@AnnieTaylorChen Рік тому

StoryBlok? But I haven't tried all the options to really give a fair comparison.

@am01013 Рік тому

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

@JEsterCW Рік тому

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

@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.

@stevepottz111 Рік тому

This was a dope doc!

@champi-metal Рік тому

Really cool doc, inspired me enough to check it out ✌️

@luyandaisaacvanwyk5297 Рік тому

This was awesome.

@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.

Рік тому

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

@hamzakhiar3636 11 місяців тому

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

@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 $:

@DanielTorres-gd2uf Рік тому

Very nice documentary!

@TheSlateDesigns Рік тому

This is so good!

@dave4148 Рік тому

This was great!

@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.