Computer, build me an app - Rich Harris - JSConf EU 2018

Поделиться
HTML-код
  • Опубликовано: 2 авг 2024
  • Frameworks exist because writing maintainable apps in vanilla JavaScript is hard. But frameworks aren’t free: downloading and parsing those extra bytes slows things up, just when your users are deciding whether to stick around.
    Instead of choosing between bulky frameworks and maintainability nightmares, what if we could tell the computer ‘here are the blueprints, now you write the code’? In this talk we’ll discover a new breed of tools, such as Svelte, that let you do exactly that.
    OMG JSConf EU is coming back in 2019 2019.jsconf.eu/
  • НаукаНаука

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

  • @justfly1984
    @justfly1984 6 лет назад +446

    Gods of Demo are unfair to this guy

    • @Zero-oq1jk
      @Zero-oq1jk 4 года назад +8

      Nope, they tried to stop him from bringing gods stolen page from the book of concepts. But we still have pigeon post. nahaha

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

      More like Demons of Demo

  • @jclipperton78
    @jclipperton78 6 лет назад +197

    This gentleman is a brilliant speaker and everyone is right, the gods of demo really screwed him over.

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

      the apple butterfly keyboard devils really can balls up a presentation.

  • @andreasbohrnsen9802
    @andreasbohrnsen9802 4 года назад +78

    This guy is so brilliant. Really hurts me to see him struggling so much with the demo.

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

      Hey sir ,!
      svelte is better than react on production ? (tools..)

  • @derricks6777
    @derricks6777 5 лет назад +62

    The fact that Rich maintained an absolute excellent composure during this is amazing. He continued delivering an amazing and elegant talk. Anyone who wrote him off because of that doesn't deserve to have Svelte in their life. :P

  • @PtmaroctVids
    @PtmaroctVids 6 лет назад +241

    Hello world
    *CROWD GOES WILD*
    *LOUD APPLAUSE FOLLOWS*

    • @dziwic
      @dziwic 6 лет назад +4

      Oh! The Tension!
      Oh! The Await!

  • @MarcusHammarberg
    @MarcusHammarberg 5 лет назад +44

    "I bring a message of great import" - nice one

  • @505KP
    @505KP 6 лет назад +67

    Those editor problems made me lose my sh*t when just watching the video. Can't imagine being on stage. R. Harris is much calmer than me.

  • @haxzie_
    @haxzie_ 6 лет назад +273

    Erlich Bachman, 1990 colorized 😂

    • @adittttya
      @adittttya 6 лет назад +15

      This must be before Aviato ! :p

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

      you made me lol for like a full minute

    • @lawkig
      @lawkig 5 лет назад +2

      ahahahaha, I exhaled suddenly

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

      Clearly, you are NOT paying attention to the content, so 2020, NOT 1990 :-)

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

      Exactly what I thought! Thank you! :D

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

    Fantastic lecture Rich Harris....I would have lost my s**t if I was going thru what you just did on stage...quite flabbergasted at his ability to remain calm - well done !!!!!

  • @conoroflanagan2908
    @conoroflanagan2908 6 лет назад +32

    Clicking on the component and going straight to the code file was pretty cool

  • @jakadirnbek7141
    @jakadirnbek7141 6 лет назад +88

    The fastest DOM operation is the one that isn't performed.

    • @ayoaloko1453
      @ayoaloko1453 6 лет назад +14

      i get your logic, however the DOM operation that isn't performed is technically not a DOM operation. Unlike javascript would make you believe, NaN should not be a freaking number (im joking). :P

  • @elitetatsuya
    @elitetatsuya 9 месяцев назад +1

    This shows why Stackblitz is needed in the general web industry

  • @ThatGuyAnonymous
    @ThatGuyAnonymous 3 года назад +5

    I could listen to this man talking all day 👌

  • @PhilipAlexanderHassialis
    @PhilipAlexanderHassialis 5 лет назад +9

    Oh gods, even VS.Code Svelte plugin today still fudges up occasionally. Glad to see it was a feature all along since the beginning.

  • @sodomousprime
    @sodomousprime 6 лет назад +13

    The cartoon at the start was brilliant.

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

    He handled the demo mishap very well. I know that feeling.

  • @kavunr
    @kavunr 6 лет назад +36

    9:24 for demo

  • @brendanlovelife
    @brendanlovelife 4 года назад +4

    This is where it all started

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

    This guy is brilliant, svelte is AMAZING and he had a bad run with this presentation. This compiler has made my passion project development so simple and fun!

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

    as an game developer and trying to learn about web i found svelte most easiest powerful framework exist until now , thank you

  • @aadlr
    @aadlr 5 лет назад +6

    Great point about the inability in React to track down compiled CSS styles at 10:42

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

      you should have css component for each jsx component

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

    "What if it was a compiler?"
    Svelte: "Allow me to introduce myself"

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

    That Jake Weary line was slick

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

    Just learnt some Svelte. And this guy is great.

  • @leonf.7893
    @leonf.7893 4 года назад +6

    Looks like I slept through the second JS era.

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

    I’ve seen a very few speakers with such good story telling skills.

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

    Oh, man, it's awesome!!!

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

    That GUI with the Editor for Sapper Apps looks great

  • @HaiderAli-co9jl
    @HaiderAli-co9jl 5 лет назад +5

    I will be teaching myself Svelte now 😊

  • @bitbloop
    @bitbloop 6 лет назад +7

    DAMN YOUUUU DEMO GOOOOODS !!!

  • @LeonardStefan
    @LeonardStefan 5 лет назад +12

    that’s not unfair just the level we code today. the truth about coding today is that we use a ton of frameworks and libraries that we don’t understand and when something bad happens we have no clue how to fix it and we say “was working ok a minute ago”

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

      I hope you're kidding. Libraries and frameworks hasn't been better than they are nowadays. They are quick, require little effort to set up, give you a lot of debugging capabilities and provides nicer error messages.
      Honestly, I couldn't ask for anything better. And yet, tools grow and libraries become better because of the open community that these tools comes from.

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

      if you don't know how to fix a problem ask on stack overflow or github or support or on discord

  • @mohamedhajr5370
    @mohamedhajr5370 6 лет назад +1

    Awesome Talk!

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

    3:28 one word .... #compiler
    react really is just jQuery version 2
    5:17 anti virtual dom. svelte is similar heretic as the V8 javascript engine
    which also cuts out the "middle men" and translates straight to bytecode
    svelte is also paving the revolution from javascript to webassembly

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

    a history lesson: flash jquery react svelte

  • @altimmons
    @altimmons 5 лет назад +6

    I feel bad for the guy. Nothing worked. I wish they did because i wanted to see what it can do

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

    Best intro ever!

  • @perschrijver8884
    @perschrijver8884 6 лет назад +4

    This guy is the absolute best

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

    The talk title has aged very well (in this age of generative AI)

  • @unpronouncable2442
    @unpronouncable2442 6 лет назад +10

    Live coding is so hard.

  • @JunHamamura
    @JunHamamura 6 лет назад +9

    does anyone know which library he used to do the realtime code demo?

  • @Aeric80
    @Aeric80 5 лет назад +6

    Butterfly keyboard issue?

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

    Love the asmr jazz bits

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

    This guy looks like a good little CS guy. He should make a JS framework and name it SvelteKit.

  • @b_markovic
    @b_markovic 6 лет назад +8

    I kinda hoped this will be about Svelte. Another great thing about Svelte is that it took it's developer exprience hints not from React but from Vue.

  • @leeroyescu
    @leeroyescu 5 лет назад +6

    • The first name
    • The initials
    • The hair
    • The passion for using the dictionary 06:06
    Rich Hickey... Rich Harris 🧐

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

      Dude, before I hit read more I immediately thought of Clojure... much to my surprise, that is exactly what you alluded to

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

    has a live coding portion of a talk ever not failed???

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

    What's wrong with the event-driven approach? It is actually less code than state-driven approach and looks more understandable. So what's the problem?
    Edit: Ok I've written a small application maybe it is comparable regarding the React and Angular in terms of the lines written but Svelte is really good at this. But still I believe native approach without a framework is more intuitive :)

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

      Nothing wrong with native event-driven approach, only thing is it difficult to develop and maintain if done improperly(lack in team's coding consistency).
      A good team can really create very light and fast apps without any framework/library.
      All these frameworks/libraries also use events under the hood.

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

      > what's the problem?
      verbose code. separation of markup and logic.

  • @sakshamrewari
    @sakshamrewari 6 лет назад +2

    out of my goddam league

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

    He is the Steve Jobs of Js

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

    Clicked on recommended video only because I thought it was Erlich Bachman 😂

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

    16:50 …I missed the question

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

    9:25 to fix technical problems

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

    He is looks like younger version of Erlich Bachman.

  • @TheAcademik
    @TheAcademik 6 лет назад +1

    Darn beach balls

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

    Goodnight stories of Devs to their children be like... :p

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

    Give me typescript support and I will jump to your ship captain!

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

      The community has you covered already for TypeScript support. I use it with Svelte. Just set up your configuration property for a Svelte pre processor

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

    svelte - only 140 seconds to "hello world"
    6:56 we now proceed to the "live coding" portion of the talk
    7:03 so im just writing .... ehm
    7:07 bear with me .... the demo gods are not on my side
    7:32 well this is annoying
    7:49 i have a beach board on my screen [a what?]
    8:50 okay, maybe .... i dont think so
    9:06 [projector is working]
    9:23 .... hello world

  • @user-rq1dy8mo1h
    @user-rq1dy8mo1h 3 года назад +1

    16:17 What have happened to those: stenciljs.com/, Glimmer (is a Ember render engine), markojs.com/ by ebay, Angular Ivy angular.io/guide/ivy. Does anyone compare those?

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

    In Vue.js context, isn't this just the static website generator?

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

    hmmmmmmm
    I tot I waz listening to a story.

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

    Svelte is gonna be a powerful. Developers all over the world looking to join the fellow Svelters can join a group on LinkedIn on link below.
    www.linkedin.com/groups/10473500
    Rich you have done a great job.

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

    richard bachman

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

    Dang mac! Curses.

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

    so the whole idea is to marketing for svetle by bassing react. Not a wise choice. Comparing the size of production ready next which meant to build really big app with the thing to build pet project is hilarious. React community which equal (vue + angular) * 1.5 dont want to use them because of that templating. Ugly arhhh

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

      team performance prefers svelte, cos dom diffing is pure overhead.

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

    Lol, *nix.

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

    For the demo part this is a better video. The first part of this video is fun though. ruclips.net/video/cf-2vn2GQb0/видео.html

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

    This wouldnt happen in a PC, classic apple.