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!
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.
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?
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.
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
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!
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 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 !
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!
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.
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.
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.
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.
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.
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*"
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.
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 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?
"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!
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).
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.
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!
Ok, so we finally back to compilers. I love Svelte!
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 don't do JS, I don't do web development, yet I watched the entire thing. This was a presentation well delivered. Chapeau!
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?
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'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...
One of the greatest talks ever. Makes you stick till the end without breaking a sweat
This is the way to the future of web programming. Thank you Rich Harris!
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.
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.
New hope for javascript
,
The beautiful, fast, simple and new way for tomorrow.
Thank's Rich, Continue with power
...
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
Top 10 greatest tech talks of all time
My team watched this over a Brown Bag lunch... Everyone clapped at the end.
I love when people solve a problem by asking a new question. Very impressive talk.
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.
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 is revolutionary. I bet Svelte will take over frontend dev world soon, as it really deserves it.
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.
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 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 !
Rich is one of the few amazing presenters. He really did create something special in Svelte.. it’s so different, so perfect, so..right
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!
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
This video sums up the shortcomings of React & Co. I'm sure Svelte will have a great future.
One year later and still blown away. Why isn't everyone using this?
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.
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.
One of the best web-framework talks I've witnessed
was looking through React tutorials to start learning it but somehow accidentally came by Svelte. immediately a fan. there's no way back.
no demo demons this time, great presentation
What a great presentation, Rich!
After years of framework fatigue, Svelte is actually making me excited to get back into web development again.
One of the best talks on anything ever.
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.
This guy just blew my mind. He looks like an Einstein presenting a relativity theory!
Fantastic presentation. Thank you for (re) introducing reactivity in such a clear and simple presentation!
$: 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++
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
This is INCREDIBLE! Amazing, thank you for all the ideas and work that you do, Rich!
Rich Harris is awesome. And Svelte is awesome.
Amazing work, and presentation. Thank you Rich Harris!
legendary talk , i watched it 3 times in 1 month
Absolutely amazing talk!
Amazing. This is exactly what I was digging for: something that can truly wrangle the total morass of web development. I almost gave up.
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!
Harris is the official god of JavaScript. Confirmed and here we go
Mindblown. A fantastic talk!
Thank you Rich Harris, this is awesome 😍😍
This is gold.
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.
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.
How cool was that dependency graph on the spreadsheet!! 😁
Not only an amazing dev but an amazing speaker as well!
The spreadsheet is a really good example
Am I the only who thinks this talk will be down in history?
Love this talk!
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!
such a great talk, it ages like wine
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.
Great Talk! Svelte is different. It makes me to realize the true power of compiler. Thank you
This is the only video I have bookmarked.
Wow! Well done! Great job building excitement for Svelte for a newbie like me.
it's very fascinating to hear the background stories of where the inspiration came from
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!
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
Rich Harris, you fucking legend. This is brilliant.
Very good talk :) . At 28:00 , to be fair maybe you should have mentioned that this is exactly how Vue deals with styles. :)
man that's so fucking great. that's what I always wanted from my frameworks. Thanks
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.
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 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
"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!
React/Svelte demos with FrustrationMeter are legendary
Very, VERY informative. Motivating also...
As a newbie working with Angular.. I'm all in to dev with Svelte.. Thanks.
Concept and presentation..just nailed it man❤️
Great work! I'm in!
most inspiring video of 2019
Finally. This is what I hoped UI programming looks like when I was going to write my first forms in early 2000's. How wrong I was at the time...
Can't wait to try out Svelte and show it to the team during Lunch & Learn!
This one is a life saving 🙌
Great work "Ritch Harris " and your development community 👏 👍
meanwhile I'm still writing jquery like crazy...
I tried to like this video twice
it has been released and its awesome
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).
Talk was really good. I'm definitely going to give Svelte a try.
Wow. Alright, I'm sold. Gonna have to give this a try.
I'm going to be telling my kids about where I was when I first saw this clip
He is my hero! 😃✌🏻
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.
I've watched this at least 10 times
me, too
in 3 years i will come back to this comment and Svelte will be the number one framework in the world.
We’re getting close now
Amazing talk. Thank you very much. Very interesting and entertaining :)
Coming from a reactjs ecosystem, this is truly and out of the universe thinking.