Svelte Origins: A JavaScript Documentary
HTML-код
- Опубликовано: 20 июн 2022
- 🎥 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 
Наука
I'm honored to be featured in such a great documentary about Svelte. Truly a wonderful developer experience.
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!
What a tasty treat to have Scott talk about svelte (~};
Dude your introduction scene doing breakdance is just nuts, mad stuff
Well deserved. You've been an ambassador!
"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)💡🧠
The way Rich thinks really inspired, and that way of thinking was poured on Svelte.
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.
Rust v C++ in a nutshell
@@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
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.
svelte has made webdev enjoyable/productive again for me - so honored to have been a part of this!
Same.
The thing that I don't need to worry about state. Svelte was my savior
me too.
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 ).
@@brianlewis9458 🤓
I love svelte. After trying the different Frameworks, languages..... I've found that svelte's learning curve is basically a slope down!
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!
Svelte restored my faith in fronted development once again. Deserved documentary.
Strange how this is one of the most engaging documentaries I've seen in a while. Great work.
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 :)
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.
Wow. Scott really does breakdance. I thought that was a joke.
Great doc. Could listen to Rich all day.
Easily one of the best coding documentaries I've seen. Rich Harris is a modern day JavaScript Jesus.
He actually kinda looks like Jesus stereotypes in the movies
I hope Chris will not suffer from our shitty code
What a shitty video, almost no in depth content about how this works
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.
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.
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
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."
Same here
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.
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!!
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!
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.
Great documentary! Really walked me through the story of Svelte and the people behind it.
Svelte Is really similar to the Italian word "svelto" that literally means "quick". So nice job choosing the name 🙂
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. :)
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.
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.
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
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.
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
I already made the turnt like a uber driver and a dad with cable providers
when different people are focused on the same goal with the same energy, we get Svelte ! Thanks to all 🙂
Amazing documentary! Great story and delighted for all of the success. 🔥
Great job guys on the documentary, been using svelte since 2 and after 3 everything changed for good!!
"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
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.
Enjoyed every single minute of this documentary. Thanks once again for delivering such high quality content! Looking forward to the next one
Wonderful channel. Wonderful concept. Thanks for making me fall in love with the history behind the tech
I love Svelte and I am using it for all of my personal projects. Great documentary! Thank you.
Really interesting how to combination of these unique events led to the formation of Svelte.
Great job guys, I really enjoyed this documentary, looking forward to your next project, congratulations.
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*
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!
That was a cool look into the background and the people behind Svelte. Thanks OfferZen :)
Really enjoyed learning about Svelte's beginnings and all its contributors. I've been a happy user since 2020.
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!
Rich Harris... The frontend Jesus that came to save us all, keep up the good work Rich!
best framework i have work with. I just hope the ecosystem getting better.
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.
Did you ever try Laravel?
Wow such a great tribute to the best frontend framework out there! Well done.
What a great video. Lovin' Svelte. Many thanks for all your hard work.
I use Svelte at work and I love working with Svelte ❤️
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.
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.
Started using Svelte like 2 years ago. I love it!
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
I love Svelte! It has been a game-changer for me! Thanks! 🙏👏👊
Please post this amazing documentary in native resolution and let RUclips 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.
Super well done documentary and excellent production quality 👍
Great documentary! Impossible to not love Svelte
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.
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 :)
So, Svelte's development is a redemption arc. I love this!
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!
Amazing documentary! Maybe TypeScript next? hehe.
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 :/
Amazing documentary! This deserves way more attention.
We agree.
Looking forward to use Svelte and very nice story of Svelte
The philosophy of this author is just awesome.! Rich Harris.
Svelte is an awsome framework, brainchild of awesome person. Best thing to JS since JQuery.
1000% agree. It's truly a gift
Wow, I'm so honored to be in the first seconds of the video. I love Svelte! :)
Cheers! To give me something new to learn I'll rewrite my portfolio in svelte
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.
I've been looking forward to this! Thanks! :)
Awesome documentary! 🔥
Gotta try svelte at this point! Very inspiring
Brilliant. Thank you for this
You guys deserve more subs! Thanks for sharing this :)
Really cool doc, inspired me enough to check it out ✌️
I'm a developper vue js but this is the best framework javascript that I see, it's simple and very performant
loving these documentaries
This is amazing, please do more.
Thanks for this grate documentary
Really well put together video ✨
Svelte ftw! It's so easy to work with, I hope it stays around
Thank you for this documentary ...
I just started using Svelte. So much more fun than other stuff I've used
Looking forward to trying Svelte
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
Richard also played the trombone?! I know am impressed on yet another level
Comunidad hispana, aquí apoyando svelte, vengo de parte de la comunidad de midudev ❤
awesome , thanks for creating this
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.
I'm also laravel focused. And i was trying to decide if i should focus on vue or svelte.
Thanks for the input
Why the hell on earth would you use jQuery with React, just why
@@beachneosculpordwarfBootstrap themes come bundled with jQuery
@@kennedymwenda3357 Why would you use a css framework that has jquery as dep?
@@beachneosculpordwarf Yap am a backed dev basically I've no time to learn pure css frameworks.
Very nice documentary!
This was a dope doc!
This was awesome.
Great Documentary, now im torn between learning react vs svelte,
Which one did you end up choosing ?
quality content, this channel could be my fav
atleast for backend devs svelte is awesome
Seems to be a must-try!
One day Svelte will conquer frontend development
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.
21:00 - Respect for the T-Shirt vibes ;D
Great documentary
This was great!
It's really sad that people go to react mostry because it's popular, and not because it's better. Great documentary.
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.
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 $:
What's the compiler built with, I checked github and it's only JS and TS