He is a programmer though and his job as a "graphics editor" involved quite a bit of development on large amounts of data . He didn't just close photoshop one day and go... hey I'll make a compiler and reinvent web frameworks again!
He is mostly speaking about percieved performance but not the actual performance. The complex apps need actual performance as well. That's why Virtual DOM.
@WebDev how does it surgically updates the dom? It keeps the references of the Dom nodes directly, right? Then why not the data structure that holds these dom nodes is called a vdom?
Just now watching this video in 2022 after Svelte 3 took the world by storm. :D I'm so happy Rich's hard work and great ideas paid off so well. I remember writing components for Svelte 1, thinking to myself, "this is different in all the best ways." Svelte 3 really was a game changer.
The first 2:30 of this talk has to be the best, most simplified, most relatable example and explanation of the problem with React and why Svelte is a solution. I absolutely adore this talk.
still the most important talk of the past 10 years for any front end dev.. if you're still using react and vue you're missing out.. after 8 years of React I switched to Svelte and will never look back.. Breath of fresh air.
I was shopping for a new front-end paradigm, and I found it. Svelte and TailwindCSS changed my ...everything. Vue components are being converted to Svelte in a few minutes, with half the SLOC, bundle size reduced from 3MB to about 100kb, identical functionality and outrageous performance. I'll never look back.
This pretty good. Removing unnecessary bloat from front-end. Front-end is meant to be beautiful and meant to be easily prototype-able. React is pretty good too, but Svelte takes it to a whole new level. Really enjoying learning Svelte, pretty easy, very easy to understand.
@@thelenardjourney8525 yeah thats what i loved about coding it used to be possible to make a website mockup within an hour for me but then react happened
It's incredible how critical people can be about this idea... as if compilers were somehow a fringe concept that should be subject to immediate skepticism or even incredulity, rather than, you know, a tried and tested paradigm of software development. Write code in a way that's good for humans, and then transform it into code that's good for computers. This is hardly a novelty and certainly not a fringe idea; what amazes me beyond belief is that it's taken this long for such a reliable, proven concept to enter the Javascript world. I'm endlessly glad that it has - and that when I first had the idea, I discovered that it had already been done for me. Great talk!
What an amazing presentation. Watching it on 2021 but dear God Richard... you just blew my mind. Thank God for people like you. I'm gonna try my best to bring Svelte to wherever I go!
This was *exactly* what I was trying to achieve in order to run an interactive web content on low-powered devices. Killer talk and killer engineering, cheers !
10:45 is the moment people are supposed to applaud. Seriously, this is really good... Having spent time to learn React, I'm not sure I'm ready to take on Svelte, but what he's showing is definitely interesting... 15:46 as well..
COBOL is a bad comparison as it's just very low level. What the virtual-dom frameworks do wrong is obfuscating about unnecessary details while not pinning down the main problems. If my framework isn't truly reactive why even use it?
A talk, and a framework, that keeps on giving. You had me at the todo-list, then you captured my heart when you showed me transitions. Man I have battled many transition states with React.
Excellent. I started programming before React and stopped before i had to learn it. Now, i’m back and the smell that was react doesn’t stick to the frontend anymore. I consider myself lucky, thank you.
I always hated frontend work, to mess with UI, styles, and those big states. I always tried to avoid it and be a backend. Now, after watching this, I WANT to try it again.
Excited to try Svelte. I just got a new computer because Angular CLI/build tools were so resource intensive. You know there's something wrong when a webpage takes 2 minutes to build each time you make a change.
Great presentation. What's the presentation tool he's using that allows him to embed web page to his presentation so he can jump between demos without changing screens?
Really love the idea, although I kinda miss the "state" concept from react. It made it easy to think of the view just as a function from state to html, kinda like in elm. It still is that way, it just doesn't feel like it. Also, I'm gonna miss handling elements as js objects that I can pass around and create from functions. But I think the biggest thing svelte needs is a bigger ecosystem. Things like semantic-ui-react make development in react super easy, while you have to reimplement that yourself here or work with ugly classes.
What a wonderful concept, a great architectural work. Coming from a C-language, embedded and telecom protocols world, reading about all the variety of javascript frameworks was just mind-boggling. Svelte definitely makes sense. People who have worked in the lowest system layers / embedded / data-path understand this where performance is paramount and we never had the luxury of memory/cpu available to application programmers. Comparing with the other frameworks, now looks like comparing interpreters and compilers. Compiling is better for speed, as well as for syntactic accuracy checks etc etc. I am not sure if this causes some side-effects though where building the code makes the language less dynamic or functional. Like type definitions (C/C++) vs dynamic types (javascript) and many other functional/dynamic language features. Compiler for the web-apps, this seems really big to me! Can't wait to learn more. And really nice way you explained the intericacies in this wonderful talk. Thanks!
Rich should consider putting the tagline that he just uttered on this conference: "Svelte putting JavaScript in our HTML instead of HTML in our JavaScript". 10:47 shows that.
I'm sold to the idea! React has been stretched way too far. I miss the Angular and Vue style syntax of having JS in HTML instead of HTML in JS in disguise of JSX (too much against web standards).
Amazing, I have to try Svelte now, for sure! One thing I missed though, the CSS was automatically encapsulated, but what about if you actually DO want it to flow down to included components? Or, for example, to have a parent component's styles override those of the child, for example for themeing or something? I feel like there needs to be some more options when it comes to overriding or extending CSS down through components. What if you have a top-level, project-wide CSS block for all your global styles, but you want to have some basic default styles only on a button component, which are only overridden as necessary from a parent component?
5:20 I hardly know anything about React, but when I hear implementations like this, I go "WTF did the inventors think / did they ever go to an introductory algorithms cours *facepalm*"
"When you say best in class performance, it's like you're standing in front of the mirror saying 'candyman' 5 times, I will appear behind you" That is absolutely brilliant 🤣 Great talk!
Haven't written a single line of JS last 10 years. Just heard rumours about ReactJs, few things about AngularJs. I wanna build a website with Svelte now. Really impressive.
Great talk, now I want to try Svelte. Doesn't Angular: 1. AOT compile DOM changes into imperative updates too? 2. Handle the CSS encapsulation in a similar manner, but with :host selector? 3. Omit compiler from production build and allows to tree shake some of framework parts?
In my experience Angular 2+ applications can easily surpass the 1MB threshold in medium-to-big applications. It just turns into a pain in the ass to keep a low footprint using it.
Coding web stuff today with Svelte brings back ol' gut shakes we had when coding successfully in Assembly or C. Something that cruelly miss when using actual frameworks. OO and patterns are just no-nonsense stuff, once caught, they can be implemented even without fancy stuff. Many thanks from an ol'timer coder & patterns lover!
I'm always amazed how Rich is determined to make web development better. He has so many innovative projects that is hard to keep up. Great presentation, great project and disruptive ideas.
The candyman reference was hilarious. Exciting stuff, but I'm interested to see what a large svelte app codebase looks like. What about typescript support? I've come to greatly appreciate using TS with react.
you have a new friend... Of course others will work really hard to find new ways to criticize this (you're basically making what they spent hundred of hours planning and coding OBSOLETE just going back basics in a new way), because you created something that will help fix many issues at its birth than after it becomes to the level of organized crime, then do like patch/hack things to get around them in places where it clearly affect the user experience. the next main goal is increase the developer friendly-ness to state of the art of nowadays, then this will really go up hill from now on...
Great talk, Rich was hilarious at times. That crowd was fairly rude in my opinion, interupting Rich halfway through his talk with random Q&A. Svelte is brilliant and only short sighted people can't see the possiblities.
just because modern hardware can handle inefficient software, doesn't mean we should start writing inefficient software
love what svelte is doing!
Yeah! the payment company was such a good example
real world is different
When a NYT graphics editor makes a compiler and gives a killer talk my life as a programmer is wasted.
not wasted. you can do this too :)
he can do it BECAUSE he is NYT graphic editor, a normal programmer will have mountains of works in his backlog, no time to make library
He is a programmer though and his job as a "graphics editor" involved quite a bit of development on large amounts of data . He didn't just close photoshop one day and go... hey I'll make a compiler and reinvent web frameworks again!
Rich Harris is quite possibly one of the most talented programmers in the world, so I think you're fine.
Arwah, celebrate and emulate, he's giving us a gift of empowerment. I'm in!
So Erlich Bachman does frontend now? Killer talk btw.
Thought the same! :D
JIAN YAAAAANG
He is mostly speaking about percieved performance but not the actual performance. The complex apps need actual performance as well. That's why Virtual DOM.
@@vanishivanand123 Svelte's repository says it surgically updates the DOM. Isn't this the whole point of VDOM? What else do you need VDOM for?
@WebDev how does it surgically updates the dom? It keeps the references of the Dom nodes directly, right? Then why not the data structure that holds these dom nodes is called a vdom?
Top 10 greatest tech talks of all time
There are few things in life, which when you see for the first time, you absolutely fall in love with it, I think svelte is one of those things.
Just now watching this video in 2022 after Svelte 3 took the world by storm. :D I'm so happy Rich's hard work and great ideas paid off so well. I remember writing components for Svelte 1, thinking to myself, "this is different in all the best ways." Svelte 3 really was a game changer.
I literally gave a standing ovation after watching this talk.
I did a reverse kick flip after watching this talk
I went out and got a hooker after watching this talk.
I learned to play the piano in a week after watching this talk
I reduced being angry from 20 times a day to 2 after watching this talk
I gained the ability to levitate by watching this talk
I don't do JS, I don't do web development, yet I watched the entire thing. This was a presentation well delivered. Chapeau!
Ok, so we finally back to compilers. I love Svelte!
The first 2:30 of this talk has to be the best, most simplified, most relatable example and explanation of the problem with React and why Svelte is a solution. I absolutely adore this talk.
One of the greatest talks ever. Makes you stick till the end without breaking a sweat
still the most important talk of the past 10 years for any front end dev.. if you're still using react and vue you're missing out.. after 8 years of React I switched to Svelte and will never look back.. Breath of fresh air.
Hey what do you think about the magic that happens under the hood? Why do people call it that?
Damn JavaScript is finally production ready.
@@user-if1de8pt2j No it's not, it's Unicorn tears, Leprechaun gold and Phoenix Flames from Fawkes.
this comment made my day! :)
DB invalide html ?
Hopefully it was worth the weight!
No programming language is production ready according to that logic.
This is the way to the future of web programming. Thank you Rich Harris!
I've watched this talk probably about 5 times now. Amazing work.
true, my iq rises by 200%, i listen to him when i code lol xDD the passion and goal driveness in his code
@@ezwalduzumaki3161 how do you understand
I haven't finished or otherwise I'd have vommited my stomach out each time he spits to his microphone...
Highly prefer a scripted version though...
There is a nice feeling when someone out there in the world thinks just like you, but actually puts the work into making it real.
I love when people solve a problem by asking a new question. Very impressive talk.
New hope for javascript
,
The beautiful, fast, simple and new way for tomorrow.
Thank's Rich, Continue with power
...
I was shopping for a new front-end paradigm, and I found it. Svelte and TailwindCSS changed my ...everything. Vue components are being converted to Svelte in a few minutes, with half the SLOC, bundle size reduced from 3MB to about 100kb, identical functionality and outrageous performance. I'll never look back.
This is revolutionary. I bet Svelte will take over frontend dev world soon, as it really deserves it.
This pretty good. Removing unnecessary bloat from front-end. Front-end is meant to be beautiful and meant to be easily prototype-able. React is pretty good too, but Svelte takes it to a whole new level. Really enjoying learning Svelte, pretty easy, very easy to understand.
Ease of prototyping is what i love most about svelte
@@thelenardjourney8525 yeah thats what i loved about coding it used to be possible to make a website mockup within an hour for me but then react happened
My team watched this over a Brown Bag lunch... Everyone clapped at the end.
It's incredible how critical people can be about this idea... as if compilers were somehow a fringe concept that should be subject to immediate skepticism or even incredulity, rather than, you know, a tried and tested paradigm of software development. Write code in a way that's good for humans, and then transform it into code that's good for computers. This is hardly a novelty and certainly not a fringe idea; what amazes me beyond belief is that it's taken this long for such a reliable, proven concept to enter the Javascript world. I'm endlessly glad that it has - and that when I first had the idea, I discovered that it had already been done for me. Great talk!
What an amazing presentation. Watching it on 2021 but dear God Richard... you just blew my mind.
Thank God for people like you. I'm gonna try my best to bring Svelte to wherever I go!
Rich is one of the few amazing presenters. He really did create something special in Svelte.. it’s so different, so perfect, so..right
I often pass by the NYTimes Bldg in a hurry. Now I'll think that's where Rich Harris works. And I hope to work there too someday.
This was *exactly* what I was trying to achieve in order to run an interactive web content on low-powered devices. Killer talk and killer engineering, cheers !
10:45 is the moment people are supposed to applaud. Seriously, this is really good... Having spent time to learn React, I'm not sure I'm ready to take on Svelte, but what he's showing is definitely interesting...
15:46 as well..
I was expecting the same
It's just that Rich Harris didn't pause for the applause (I don't think he's that type of guy....). :D
I am a React developer. And I am feeling programming in COBOL. :P
That's exactly how I felt when working with Angular when I found out about Svelte :-P
HAHAHAHAHAHA
COBOL is a bad comparison as it's just very low level.
What the virtual-dom frameworks do wrong is obfuscating about unnecessary details while not pinning down the main problems.
If my framework isn't truly reactive why even use it?
@@OggerFN No, that's not the comparison. I mean that React is aging very badly, just like COBOL.
@@AndreyLuizDev
true
One of the best web-framework talks I've witnessed
A talk, and a framework, that keeps on giving. You had me at the todo-list, then you captured my heart when you showed me transitions. Man I have battled many transition states with React.
One of the best talks on anything ever.
What a great presentation, Rich!
After years of framework fatigue, Svelte is actually making me excited to get back into web development again.
Excellent. I started programming before React and stopped before i had to learn it. Now, i’m back and the smell that was react doesn’t stick to the frontend anymore. I consider myself lucky, thank you.
One year later and still blown away. Why isn't everyone using this?
Fantastic presentation. Thank you for (re) introducing reactivity in such a clear and simple presentation!
Everyone bow to the god of JavaScript
Seriously. This is inspiring. Where has Rich Harris been all of my life?
@@ChristopherEsplin he expected his time to conceal
I always hated frontend work, to mess with UI, styles, and those big states. I always tried to avoid it and be a backend. Now, after watching this, I WANT to try it again.
This video sums up the shortcomings of React & Co. I'm sure Svelte will have a great future.
no demo demons this time, great presentation
Harris is the official god of JavaScript. Confirmed and here we go
Excited to try Svelte. I just got a new computer because Angular CLI/build tools were so resource intensive. You know there's something wrong when a webpage takes 2 minutes to build each time you make a change.
or maybe it was your laptop ey? :p
@@jonbikaku6133 yup because mine doesn't take 2 minutes every time I make a change, it feels instant
legendary talk , i watched it 3 times in 1 month
Amazing work, and presentation. Thank you Rich Harris!
This guy just blew my mind. He looks like an Einstein presenting a relativity theory!
$: svelte = svelte + 1
Better, $: svelte = react +1
@@arishshah1142 I am sorry if you found it offended. But I want to correct you :)
Infinite?
I guessed at the start that he is going to talk about svelte.js
svelte++
Rich Harris is awesome. And Svelte is awesome.
Not only an amazing dev but an amazing speaker as well!
This is INCREDIBLE! Amazing, thank you for all the ideas and work that you do, Rich!
Mindblown. A fantastic talk!
Absolutely amazing talk!
Great presentation. What's the presentation tool he's using that allows him to embed web page to his presentation so he can jump between demos without changing screens?
most probably a self made webpage with svelte itself
Alot of the demos were from the svelte tutorial. I am pretty sure that he just combine them in a presently way
was looking through React tutorials to start learning it but somehow accidentally came by Svelte. immediately a fan. there's no way back.
Thank you Rich Harris, this is awesome 😍😍
such a great talk, it ages like wine
My mind got blown away. Went straight to try it out and I see a bright future for Svelte..
Never heard so structured speech before, it is as good as svelte!
Really love the idea, although I kinda miss the "state" concept from react. It made it easy to think of the view just as a function from state to html, kinda like in elm. It still is that way, it just doesn't feel like it. Also, I'm gonna miss handling elements as js objects that I can pass around and create from functions.
But I think the biggest thing svelte needs is a bigger ecosystem. Things like semantic-ui-react make development in react super easy, while you have to reimplement that yourself here or work with ugly classes.
What a wonderful concept, a great architectural work. Coming from a C-language, embedded and telecom protocols world, reading about all the variety of javascript frameworks was just mind-boggling. Svelte definitely makes sense. People who have worked in the lowest system layers / embedded / data-path understand this where performance is paramount and we never had the luxury of memory/cpu available to application programmers. Comparing with the other frameworks, now looks like comparing interpreters and compilers. Compiling is better for speed, as well as for syntactic accuracy checks etc etc. I am not sure if this causes some side-effects though where building the code makes the language less dynamic or functional. Like type definitions (C/C++) vs dynamic types (javascript) and many other functional/dynamic language features. Compiler for the web-apps, this seems really big to me! Can't wait to learn more. And really nice way you explained the intericacies in this wonderful talk. Thanks!
Amazing. This is exactly what I was digging for: something that can truly wrangle the total morass of web development. I almost gave up.
How cool was that dependency graph on the spreadsheet!! 😁
I love Svelte! I am working already for so many years with all other frameworks and Svelte is so cool and interesting. Simply love it.
Great Talk! Svelte is different. It makes me to realize the true power of compiler. Thank you
Concept and presentation..just nailed it man❤️
Wow! Well done! Great job building excitement for Svelte for a newbie like me.
Rich should consider putting the tagline that he just uttered on this conference: "Svelte putting JavaScript in our HTML instead of HTML in our JavaScript". 10:47 shows that.
Very good talk :) . At 28:00 , to be fair maybe you should have mentioned that this is exactly how Vue deals with styles. :)
I'm sold to the idea! React has been stretched way too far. I miss the Angular and Vue style syntax of having JS in HTML instead of HTML in JS in disguise of JSX (too much against web standards).
Amazing, I have to try Svelte now, for sure!
One thing I missed though, the CSS was automatically encapsulated, but what about if you actually DO want it to flow down to included components? Or, for example, to have a parent component's styles override those of the child, for example for themeing or something? I feel like there needs to be some more options when it comes to overriding or extending CSS down through components. What if you have a top-level, project-wide CSS block for all your global styles, but you want to have some basic default styles only on a button component, which are only overridden as necessary from a parent component?
I think you'll have to adjust your component-specific styling and not your global ones.
Use conventional css/style sheets for global styles.
Maybe use.. CSS?
5:20 I hardly know anything about React, but when I hear implementations like this, I go "WTF did the inventors think / did they ever go to an introductory algorithms cours *facepalm*"
Everything in retrospective looks dumber than it looked back then.
"When you say best in class performance, it's like you're standing in front of the mirror saying 'candyman' 5 times, I will appear behind you"
That is absolutely brilliant 🤣 Great talk!
Haven't written a single line of JS last 10 years. Just heard rumours about ReactJs, few things about AngularJs.
I wanna build a website with Svelte now. Really impressive.
Great talk, now I want to try Svelte.
Doesn't Angular:
1. AOT compile DOM changes into imperative updates too?
2. Handle the CSS encapsulation in a similar manner, but with :host selector?
3. Omit compiler from production build and allows to tree shake some of framework parts?
correct, but Ivy is still not here, Angular +2 has had a compiler since its early days and it also uses a superset of HTML similar to Htmlx.
In my experience Angular 2+ applications can easily surpass the 1MB threshold in medium-to-big applications. It just turns into a pain in the ass to keep a low footprint using it.
@@isdeonf they are working on a compiler that should come out in the next update that will make those bundles much much smaller
As a newbie working with Angular.. I'm all in to dev with Svelte.. Thanks.
Coding web stuff today with Svelte brings back ol' gut shakes we had when coding successfully in Assembly or C. Something that cruelly miss when using actual frameworks. OO and patterns are just no-nonsense stuff, once caught, they can be implemented even without fancy stuff. Many thanks from an ol'timer coder & patterns lover!
Am I the only who thinks this talk will be down in history?
This is the only video I have bookmarked.
Very, VERY informative. Motivating also...
most inspiring video of 2019
how does a graphic editor come into this section? Nice talk!
it's very fascinating to hear the background stories of where the inspiration came from
I'm always amazed how Rich is determined to make web development better. He has so many innovative projects that is hard to keep up. Great presentation, great project and disruptive ideas.
Love this talk!
Rich Harris, you fucking legend. This is brilliant.
This is gold.
man that's so fucking great. that's what I always wanted from my frameworks. Thanks
The spreadsheet is a really good example
One Word for Svelte. RESPECT.
Great work! I'm in!
Absolutely loved it. Working with Svelte is enjoyable!
Would have been great for him to cover how Svelte deals with routing and generic storage of data.
If you mean client-side routing (SPA) there is this project I created to handle that: github.com/kazzkiq/svero
Can't wait to try out Svelte and show it to the team during Lunch & Learn!
The candyman reference was hilarious. Exciting stuff, but I'm interested to see what a large svelte app codebase looks like. What about typescript support? I've come to greatly appreciate using TS with react.
you have a new friend... Of course others will work really hard to find new ways to criticize this (you're basically making what they spent hundred of hours planning and coding OBSOLETE just going back basics in a new way), because you created something that will help fix many issues at its birth than after it becomes to the level of organized crime, then do like patch/hack things to get around them in places where it clearly affect the user experience. the next main goal is increase the developer friendly-ness to state of the art of nowadays, then this will really go up hill from now on...
Wow. Alright, I'm sold. Gonna have to give this a try.
React/Svelte demos with FrustrationMeter are legendary
Talk was really good. I'm definitely going to give Svelte a try.
What's under "Svelte alternative" "Asynchronous" radiobutton?
Spectacular talk 🙌
Great talk, Rich was hilarious at times. That crowd was fairly rude in my opinion, interupting Rich halfway through his talk with random Q&A. Svelte is brilliant and only short sighted people can't see the possiblities.