Rich Harris - Rethinking reactivity

Поделиться
HTML-код
  • Опубликовано: 11 июл 2024
  • Modern JavaScript frameworks are all about reactivity. Change your application's state, and the view updates automatically. But there's a catch - tracking state changes at runtime adds overhead that eats into your bundle size and performance budgets. In this talk, we'll discover an alternative approach: moving reactivity into the language itself. Your apps have never been smaller or faster than they're about to become.
    Slides: rethinking-reactivity.surge.sh/
    YGLF 2019: Code Camp Blog - Rich Harris:
    www.israel.yglfconf.com/post/...
  • НаукаНаука

Комментарии • 460

  • @jvcmarc
    @jvcmarc 3 года назад +194

    just because modern hardware can handle inefficient software, doesn't mean we should start writing inefficient software
    love what svelte is doing!

    • @8koi245
      @8koi245 Год назад +2

      Yeah! the payment company was such a good example

  • @arwahsapi
    @arwahsapi 4 года назад +636

    When a NYT graphics editor makes a compiler and gives a killer talk my life as a programmer is wasted.

    • @swyxTV
      @swyxTV 2 года назад +46

      not wasted. you can do this too :)

    • @fltfathin
      @fltfathin 2 года назад +34

      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

    • @ryanleemartin7758
      @ryanleemartin7758 2 года назад +65

      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!

    • @HPerrin
      @HPerrin 2 года назад +25

      Rich Harris is quite possibly one of the most talented programmers in the world, so I think you're fine.

    • @surjist
      @surjist 2 года назад +3

      Arwah, celebrate and emulate, he's giving us a gift of empowerment. I'm in!

  • @smajdovamanka
    @smajdovamanka 4 года назад +710

    So Erlich Bachman does frontend now? Killer talk btw.

    • @derHINDU
      @derHINDU 4 года назад +14

      Thought the same! :D

    • @swyxTV
      @swyxTV 4 года назад +40

      JIAN YAAAAANG

    • @vanishivanand123
      @vanishivanand123 4 года назад +2

      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.

    • @randomuser66438
      @randomuser66438 4 года назад +7

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

    • @vanishivanand123
      @vanishivanand123 4 года назад

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

  • @iyifr
    @iyifr 3 месяца назад +3

    Top 10 greatest tech talks of all time

  • @dmitrynagorny4100
    @dmitrynagorny4100 4 года назад +142

    Ok, so we finally back to compilers. I love Svelte!

  • @MrMartingale1
    @MrMartingale1 4 года назад +103

    I don't do JS, I don't do web development, yet I watched the entire thing. This was a presentation well delivered. Chapeau!

  • @sohan3443
    @sohan3443 4 года назад +33

    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.

  • @HPerrin
    @HPerrin 2 года назад +39

    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.

  • @ganeshacharya234
    @ganeshacharya234 4 года назад +73

    One of the greatest talks ever. Makes you stick till the end without breaking a sweat

  • @BlueBetaPro
    @BlueBetaPro 5 лет назад +357

    Damn JavaScript is finally production ready.

    • @BlueBetaPro
      @BlueBetaPro 5 лет назад +68

      @@user-if1de8pt2j No it's not, it's Unicorn tears, Leprechaun gold and Phoenix Flames from Fawkes.

    • @devotiongeo
      @devotiongeo 5 лет назад

      this comment made my day! :)

    • @Ryu53898
      @Ryu53898 5 лет назад +1

      DB invalide html ?

    • @Yetipfote
      @Yetipfote 4 года назад +1

      Hopefully it was worth the weight!

    • @okie9025
      @okie9025 4 года назад +2

      No programming language is production ready according to that logic.

  • @blitzritz
    @blitzritz 5 лет назад +198

    I literally gave a standing ovation after watching this talk.

    • @0011usagi
      @0011usagi 4 года назад +30

      I did a reverse kick flip after watching this talk

    • @lordswaggity1213
      @lordswaggity1213 4 года назад +24

      I went out and got a hooker after watching this talk.

    • @vercris
      @vercris 3 года назад +18

      I learned to play the piano in a week after watching this talk

    • @zen-ventzi-marinov
      @zen-ventzi-marinov Год назад +2

      I reduced being angry from 20 times a day to 2 after watching this talk

    • @hebestreitfan6973
      @hebestreitfan6973 10 месяцев назад

      I gained the ability to levitate by watching this talk

  • @tyshanthedev1985
    @tyshanthedev1985 5 лет назад +266

    I've watched this talk probably about 5 times now. Amazing work.

    • @ezwalduzumaki3161
      @ezwalduzumaki3161 4 года назад +13

      true, my iq rises by 200%, i listen to him when i code lol xDD the passion and goal driveness in his code

    • @jww0007
      @jww0007 2 года назад

      @@ezwalduzumaki3161 how do you understand

    • @shapelessed
      @shapelessed 2 года назад +1

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

  • @tmarsha4
    @tmarsha4 4 года назад +76

    My team watched this over a Brown Bag lunch... Everyone clapped at the end.

  • @tjblackman08
    @tjblackman08 Год назад +14

    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.

  • @roohulah
    @roohulah 5 лет назад +52

    New hope for javascript
    ,
    The beautiful, fast, simple and new way for tomorrow.
    Thank's Rich, Continue with power
    ...

  • @nicedreammmm
    @nicedreammmm 5 лет назад +261

    This is the way to the future of web programming. Thank you Rich Harris!

  • @bikeforprotv7184
    @bikeforprotv7184 3 года назад +8

    I love when people solve a problem by asking a new question. Very impressive talk.

  • @fufanuu4395
    @fufanuu4395 3 года назад +16

    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.

    • @gto433
      @gto433 Год назад

      Hey what do you think about the magic that happens under the hood? Why do people call it that?

  • @gauravsharma1455
    @gauravsharma1455 5 лет назад +57

    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
      @thelenardjourney8525 2 года назад +1

      Ease of prototyping is what i love most about svelte

    • @wombat7961
      @wombat7961 2 года назад +2

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

  • @JeremyAndersonBoise
    @JeremyAndersonBoise 4 года назад +14

    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.

  • @denniszenanywhere
    @denniszenanywhere 5 лет назад +18

    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.

  • @bikhoda6508
    @bikhoda6508 3 года назад +9

    This is revolutionary. I bet Svelte will take over frontend dev world soon, as it really deserves it.

  • @nocultist7050
    @nocultist7050 4 года назад +17

    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.

  • @meansnada
    @meansnada 3 года назад +7

    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!

  • @TannerBarcelos
    @TannerBarcelos Год назад +2

    Rich is one of the few amazing presenters. He really did create something special in Svelte.. it’s so different, so perfect, so..right

  • @hdbxx
    @hdbxx 3 года назад +8

    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 !

  • @iamtheiconoclast3
    @iamtheiconoclast3 4 года назад +2

    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!

  • @rancho890
    @rancho890 3 года назад +1

    One year later and still blown away. Why isn't everyone using this?

  • @AndreyLuizDev
    @AndreyLuizDev 5 лет назад +141

    I am a React developer. And I am feeling programming in COBOL. :P

    • @claudiojrdev
      @claudiojrdev 5 лет назад +31

      That's exactly how I felt when working with Angular when I found out about Svelte :-P

    • @exactzero
      @exactzero 5 лет назад +1

      HAHAHAHAHAHA

    • @OggerFN
      @OggerFN 3 года назад

      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?

    • @AndreyLuizDev
      @AndreyLuizDev 3 года назад +1

      @@OggerFN No, that's not the comparison. I mean that React is aging very badly, just like COBOL.

    • @OggerFN
      @OggerFN 3 года назад +1

      @@AndreyLuizDev
      true

  • @karlbooklover
    @karlbooklover 4 года назад +3

    One of the best web-framework talks I've witnessed

  • @philtrem
    @philtrem 5 лет назад +37

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

    • @neuroxik
      @neuroxik 5 лет назад +3

      I was expecting the same

    • @RenatoPassosSantos
      @RenatoPassosSantos 3 года назад +3

      It's just that Rich Harris didn't pause for the applause (I don't think he's that type of guy....). :D

  • @MCasterAnd
    @MCasterAnd Год назад +1

    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.

  • @artemeesenin9552
    @artemeesenin9552 5 лет назад +3

    This is INCREDIBLE! Amazing, thank you for all the ideas and work that you do, Rich!

  • @lennyedwards62
    @lennyedwards62 3 года назад +1

    I come for this when I need cheering up. Probably the best FE talk I have seen.

  • @MohamedEmaish
    @MohamedEmaish 4 года назад +3

    Amazing work, and presentation. Thank you Rich Harris!

  • @tobiaswolter278
    @tobiaswolter278 4 года назад +14

    This video sums up the shortcomings of React & Co. I'm sure Svelte will have a great future.

  • @jim.....
    @jim..... 5 лет назад +32

    no demo demons this time, great presentation

  • @HA7DN
    @HA7DN 4 года назад +7

    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.

  • @binitrupakheti4246
    @binitrupakheti4246 2 года назад +1

    One of the best talks on anything ever.

  • @mbryzek
    @mbryzek 2 года назад +3

    Fantastic presentation. Thank you for (re) introducing reactivity in such a clear and simple presentation!

  • @zheng2hao
    @zheng2hao 2 года назад +1

    was looking through React tutorials to start learning it but somehow accidentally came by Svelte. immediately a fan. there's no way back.

  • @mohanphpmysql
    @mohanphpmysql 4 года назад

    Great Talk! Svelte is different. It makes me to realize the true power of compiler. Thank you

  • @vipinajayakumar
    @vipinajayakumar 11 месяцев назад

    Mindblown. A fantastic talk!

  • @PeterBernardin
    @PeterBernardin 2 года назад +1

    Rich Harris is awesome. And Svelte is awesome.

  • @justinkim7202
    @justinkim7202 4 года назад

    My mind got blown away. Went straight to try it out and I see a bright future for Svelte..

  • @Tristan97122
    @Tristan97122 4 года назад +7

    Absolutely amazing talk!

  • @cevxj
    @cevxj Год назад

    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.

  • @useruser-ti1og
    @useruser-ti1og Год назад

    Not only an amazing dev but an amazing speaker as well!

  • @mcw0805
    @mcw0805 4 года назад

    it's very fascinating to hear the background stories of where the inspiration came from

  • @BrianDeSousa
    @BrianDeSousa 4 года назад +2

    Wow! Well done! Great job building excitement for Svelte for a newbie like me.

  • @michael-rommel
    @michael-rommel 4 года назад

    Wow - extremely well presented! Thanks!

  • @joeharker7918
    @joeharker7918 5 лет назад +27

    What a great presentation, Rich!
    After years of framework fatigue, Svelte is actually making me excited to get back into web development again.

  • @reristavi
    @reristavi 4 года назад +1

    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.

  • @hamzah.7317
    @hamzah.7317 2 года назад +1

    legendary talk , i watched it 3 times in 1 month

  • @raiyansarker3809
    @raiyansarker3809 2 года назад

    Never heard so structured speech before, it is as good as svelte!

  • @ravisavaliya1169
    @ravisavaliya1169 3 года назад +1

    Concept and presentation..just nailed it man❤️

  • @ProCoder2007
    @ProCoder2007 5 лет назад +1

    Amazing talk. Thank you very much. Very interesting and entertaining :)

  • @olegchursin
    @olegchursin 5 лет назад +4

    Great work! I'm in!

  • @zag2art
    @zag2art 5 лет назад +214

    $: svelte = svelte + 1

    • @arishshah1142
      @arishshah1142 5 лет назад +18

      Better, $: svelte = react +1

    • @vikashsaini678
      @vikashsaini678 5 лет назад +1

      @@arishshah1142 I am sorry if you found it offended. But I want to correct you :)

    • @zkiplan1667
      @zkiplan1667 5 лет назад +3

      Infinite?

    • @akash-kumar737
      @akash-kumar737 4 года назад

      I guessed at the start that he is going to talk about svelte.js

    • @ckieee
      @ckieee 4 года назад +1

      svelte++

  • @emstudios14
    @emstudios14 2 года назад +1

    Love this talk!

  • @TazExprez
    @TazExprez 5 лет назад

    Great talk! Keep up the great work!

  • @fakeaddress
    @fakeaddress Год назад

    I strangely got a lot of Lisp vibes from this talk. Mention of blurring the distinction between compiler and not compiler, minimalist language. Makes me happy.

  • @fev4
    @fev4 3 года назад +1

    such a great talk, it ages like wine

  • @Andrey-il8rh
    @Andrey-il8rh 5 лет назад +95

    This guy just blew my mind. He looks like an Einstein presenting a relativity theory!

  • @clewfirstcfer
    @clewfirstcfer 4 года назад +1

    Amazing. This is exactly what I was digging for: something that can truly wrangle the total morass of web development. I almost gave up.

  • @HanifCarroll
    @HanifCarroll 4 года назад

    Wow. Alright, I'm sold. Gonna have to give this a try.

  • @travissmith2127
    @travissmith2127 5 лет назад +1

    Talk was really good. I'm definitely going to give Svelte a try.

  • @SherlockMen
    @SherlockMen 5 лет назад +10

    This is gold.

  • @jagmeethanspal
    @jagmeethanspal 4 года назад +2

    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!

  • @MmmMmmGood17
    @MmmMmmGood17 5 лет назад +11

    How cool was that dependency graph on the spreadsheet!! 😁

  • @theAltKalki
    @theAltKalki 5 лет назад

    This is bloody brilliant.

  • @smcal75
    @smcal75 3 года назад

    What a great presentation!

  • @halftome
    @halftome 3 года назад

    Absolutely loved it. Working with Svelte is enjoyable!

  • @clray123
    @clray123 4 года назад +14

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

    • @ceroso398
      @ceroso398 4 года назад +24

      Everything in retrospective looks dumber than it looked back then.

  • @damienderbes1962
    @damienderbes1962 4 года назад

    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!

  • @TinoBurset
    @TinoBurset 3 года назад

    Spectacular talk 🙌

  • @keramaswiguna9434
    @keramaswiguna9434 5 лет назад +16

    Thank you Rich Harris, this is awesome 😍😍

  • @Troy-ol5fk
    @Troy-ol5fk 2 года назад +1

    The spreadsheet is a really good example

  • @eluagoni
    @eluagoni 5 лет назад

    This was a very very good talk!

  • @lioncat2706
    @lioncat2706 4 года назад

    This is very refreshing!

  • @djkim24601
    @djkim24601 4 года назад

    Looks like a game changer. Amazing talk also.

  • @codeaperture
    @codeaperture 3 года назад +3

    Harris is the official god of JavaScript. Confirmed and here we go

  • @ivanmerinrodriguez1965
    @ivanmerinrodriguez1965 4 года назад

    great talk and library!!

  • @Proezdom-zx2tl
    @Proezdom-zx2tl Год назад

    Very, VERY informative. Motivating also...

  • @pierbover
    @pierbover 5 лет назад +121

    Everyone bow to the god of JavaScript

    • @ChristopherEsplin
      @ChristopherEsplin 5 лет назад +13

      Seriously. This is inspiring. Where has Rich Harris been all of my life?

    • @az_911
      @az_911 5 лет назад +1

      @@ChristopherEsplin he expected his time to conceal

  • @nico_guru_medidation_error
    @nico_guru_medidation_error 5 лет назад

    Great talk Rich!

  • @cuzbo_
    @cuzbo_ 5 лет назад +3

    most inspiring video of 2019

  • @cebuanoninoy
    @cebuanoninoy 4 года назад +2

    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.

  • @lamztiffany
    @lamztiffany 3 года назад

    Can't wait to try out Svelte and show it to the team during Lunch & Learn!

  • @cv4875
    @cv4875 4 года назад

    Well-reasoned presentation.

  • @Kawaiiization
    @Kawaiiization 4 года назад +31

    Am I the only who thinks this talk will be down in history?

  • @ashneilroy
    @ashneilroy 5 лет назад +31

    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.

    • @jonbikaku6133
      @jonbikaku6133 4 года назад

      or maybe it was your laptop ey? :p

    • @DarkoLuketic
      @DarkoLuketic 4 года назад +1

      @@jonbikaku6133 yup because mine doesn't take 2 minutes every time I make a change, it feels instant

  • @WebJeda
    @WebJeda 2 года назад

    This is the only video I have bookmarked.

  • @kieranbarker1902
    @kieranbarker1902 3 года назад

    Fantastic talk! ❤️

  • @cotneit
    @cotneit 2 года назад

    Awesome talk!

  • @AhmedBilalKhalid
    @AhmedBilalKhalid 3 года назад

    Excellent talk!

  • @TheBestEpicProGamer
    @TheBestEpicProGamer 2 года назад +2

    I tried to like this video twice

  • @The-Dev-Ninja
    @The-Dev-Ninja Год назад

    mind blowing, i will use it!

  • @zenacapulco
    @zenacapulco 5 лет назад

    This is amazing!!!!

  • @DunetsNM
    @DunetsNM 4 года назад

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