Svelte Origins: A JavaScript Documentary
VloĆŸit
- Äas pĆidĂĄn 20. 06. 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 - VÄda a technologie
"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.
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!
I love svelte. After trying the different Frameworks, languages..... I've found that svelte's learning curve is basically a slope down!
Svelte restored my faith in fronted development once again. Deserved documentary.
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 đ€
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!
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.
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
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'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.
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."
Wow. Scott really does breakdance. I thought that was a joke.
Great doc. Could listen to Rich all day.
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.
"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
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. :)
best framework i have work with. I just hope the ecosystem getting better.
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
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
when different people are focused on the same goal with the same energy, we get Svelte ! Thanks to all đ
Svelte Is really similar to the Italian word "svelto" that literally means "quick". So nice job choosing the name đ
Rich Harris... The frontend Jesus that came to save us all, keep up the good work Rich!
Great documentary! Really walked me through the story of Svelte and the people behind it.
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!!
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.
Wow, I'm so honored to be in the first seconds of the video. I love Svelte! :)
Wonderful channel. Wonderful concept. Thanks for making me fall in love with the history behind the tech
Amazing documentary! Great story and delighted for all of the success. đ„
Enjoyed every single minute of this documentary. Thanks once again for delivering such high quality content! Looking forward to the next one
Great job guys on the documentary, been using svelte since 2 and after 3 everything changed for good!!
Really interesting how to combination of these unique events led to the formation of Svelte.
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
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!
I use Svelte at work and I love working with Svelte â€ïž
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.
Great job guys, I really enjoyed this documentary, looking forward to your next project, congratulations.
So, Svelte's development is a redemption arc. I love this!
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*
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.
I love Svelte and I am using it for all of my personal projects. Great documentary! Thank you.
That was a cool look into the background and the people behind Svelte. Thanks OfferZen :)
What a great video. Lovin' Svelte. Many thanks for all your hard work.
Svelte is an awsome framework, brainchild of awesome person. Best thing to JS since JQuery.
1000% agree. It's truly a gift
Please post this amazing documentary in native resolution and let CZcams 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.
The philosophy of this author is just awesome.! Rich Harris.
Really enjoyed learning about Svelte's beginnings and all its contributors. I've been a happy user since 2020.
Wow such a great tribute to the best frontend framework out there! Well done.
Started using Svelte like 2 years ago. I love it!
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!
Great documentary! Impossible to not love Svelte
Super well done documentary and excellent production quality đ
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?
Amazing documentary! This deserves way more attention.
We agree.
I love Svelte! It has been a game-changer for me! Thanks! đđđ
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!
Looking forward to use Svelte and very nice story of Svelte
Brilliant. Thank you for this
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.
You guys deserve more subs! Thanks for sharing this :)
Amazing documentary! Maybe TypeScript next? hehe.
Awesome documentary! đ„
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 :/
I just started using Svelte. So much more fun than other stuff I've used
Really well put together video âš
loving these documentaries
I've been looking forward to this! Thanks! :)
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
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 :)
This is amazing, please do more.
Cheers! To give me something new to learn I'll rewrite my portfolio in svelte
Thank you for this documentary ...
Gotta try svelte at this point! Very inspiring
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.
Very nice documentary!
awesome , thanks for creating this
I'm a developper vue js but this is the best framework javascript that I see, it's simple and very performant
Looking forward to trying Svelte
Svelte ftw! It's so easy to work with, I hope it stays around
This was a dope doc!
Thanks for this grate documentary
Really cool doc, inspired me enough to check it out âïž
It's really sad that people go to react mostry because it's popular, and not because it's better. Great documentary.
This was awesome.
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.
atleast for backend devs svelte is awesome
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.
Comunidad hispana, aquĂ apoyando svelte, vengo de parte de la comunidad de midudev â€
This was great!
Seems to be a must-try!
Thank you.
Richard also played the trombone?! I know am impressed on yet another level
quality content, this channel could be my fav
Great documentary
Developers fell in Love while using Svelte
As a python dev I will be learning JS just cuz of Svelte
21:00 - Respect for the T-Shirt vibes ;D
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?
Love this