Dan Abramov - Live React: Hot Reloading with Time Travel at react-europe 2015

Поделиться
HTML-код
  • Опубликовано: 13 дек 2024

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

  • @bottledspace
    @bottledspace 9 лет назад +183

    All that was missing was the mic drop at the end.

  • @devvvvvvvvvvvv
    @devvvvvvvvvvvv 8 лет назад +124

    That sublime text alert was the best. I was desperately waiting for that to happen. hahahaa

    • @Sindoku
      @Sindoku 6 лет назад

      Same here, I was like when is the popup coming?

  •  9 лет назад +14

    Amazing how such a single concept brings so much power. Great job Dan.

  • @moveaxebx
    @moveaxebx 9 лет назад +43

    Great talk, great guy.

  • @ReacteuropeOrgConf
    @ReacteuropeOrgConf  9 лет назад +17

    Hey everyone, Dan Abramov will back next year at ReactEurope on the 2-3 of June 2016 and he will also be doing a workshop! You can get your tickets here already for both the conf and workshop eventlama.com/#/events/reacteurope-2016/tickets

    • @hertzbergny
      @hertzbergny 8 лет назад

      +Andrzej Pakuła it's suspicious? it's the Atom. how is it suspicious?

  • @matteo_gabriele
    @matteo_gabriele 8 лет назад +24

    this video should have millions of views!

    • @sangthongsikhao505
      @sangthongsikhao505 8 лет назад

      (S)accounts for student loans are interested in my phone and internet marketing services such as information processing system

  • @SoeaOu
    @SoeaOu 8 лет назад +209

    this guy is a genius

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

      And he gives so much back!

    • @dimecasts
      @dimecasts 7 лет назад +17

      this is a pet peeve of mine. Seems like these days everyone's a "Genius" you hear and now it's become an overused word these days. There are VERY few geniuses out there. Smart yes? Very smart yes. But not a genius. I think we should take care when abusing a word like this. I have a friend who is just as smart as he is and I don't call him a "genius" either.

    • @mateidavid3411
      @mateidavid3411 7 лет назад +16

      The reason why he is called a genius is because of what he did for the open source community and his contribution to web development. No doubt your friend is smart, but I do not think he'd be able to do what Dan is currently doing and what Dan has done so far.

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

      @@dimecasts Depends on who you ask. According to many, it is simply a person with an IQ over 130 or 140 (sometimes even 160). About 1 in 50 people fit this description, so I don't think it's that overused.

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

      @@dimecasts go fly a kite.

  • @slothsarecool
    @slothsarecool 9 лет назад +144

    love it :D

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

      +Tj Holowaychuk How's life in golang?

    • @slothsarecool
      @slothsarecool 9 лет назад +15

      Gregory Tandiono great! only complaint is slower json parsing (50% of v8's)

    • @revisionfour
      @revisionfour 9 лет назад +13

      +Tj Holowaychuk TJ, you sir are a boss and a legend! Thank you for express and all of the other amazing contributions you have made to the open source community. I'm not quite sure how you contribute so much, we need more people like you in this world. Hopefully in the future we can see more talks from you. I admire your brain. :)

    • @bichitomax
      @bichitomax 9 лет назад +11

      +Tj Holowaychuk You don't exists :D

  • @galdamez3
    @galdamez3 7 лет назад +115

    “These are developer tools. I made these in a week.” -Dan 😳
    Now excuse me while I look back at the code I wrote last week and cry. 😂

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

      U guys r writing code 🤪!!!

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

      "... and thought about it for 3 months before." ;)

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

    3 years later this is still blowing minds like mine (and I've been professionally developing for the past 4 years)

  • @saumyarastogi466
    @saumyarastogi466 8 лет назад +5

    That sublime purchase window is the awesome part of the video.!! :D

  • @Nikitosss91
    @Nikitosss91 5 лет назад +40

    He wrote Redux from one week, i cant understand that during 3 month

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

      A good lyricist in Indian movie could pen a great song before he finished his cigarette, since he was writing since his early age.

  • @kaixiaozao
    @kaixiaozao 7 лет назад +1

    See this in 2017, still amazing !

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

    man, love this guys tools, react-hot-loader and redux rocks!

  • @dishantsoni482
    @dishantsoni482 8 лет назад +5

    You are insanely talented @Dan Abramov. I have not commented on any youtube video so far. You made me do this dude! I am a big fan of yours.

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

    Fantastic presentation man! Well done.

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

    📢 We're super excited to announce a few things about ReactEurope 2020 (May 14-15):
    - the first round of conference & workshops tickets will be available on September 9th @ 10am Paris/Amsterdam, 9am London Subscribe here to be reminded: docs.google.com/forms/d/e/1FA...
    - we'll be getting a new venue this year to provide more comfort & a whole new experience 🔥
    We've grown a lot these past 5 years along with the React community and our new venue will be more spacious and give people more room to socialize, learn, relax and have fun 🎉
    Make sure to check our awesome list speakers, more to come soon as well as our call for paper
    www.react-europe.org/#speakers
    One more thing, 📢 we've added another workshop to help you build modern forms in React with
    @erikras🔥, you can check the current schedule of workshops (more to come soon) here 👇👇
    www.react-europe.org/#schedule

  • @colloredbrothers
    @colloredbrothers 7 лет назад +1

    Absolute legend, he inspires me.

  • @souhailkaoussi6415
    @souhailkaoussi6415 8 лет назад +27

    And it doesn't work because, uh, british english! ahaha that was awesome!

  • @HeyItsMeDave
    @HeyItsMeDave 9 лет назад +3

    Fantastic. Thank you very much Dan! Can't wait to use Redux in my next React project.

  • @ChRs
    @ChRs 8 лет назад +4

    truly an innovator. wow

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

    It was so good to see the redux dev tools react component which he built. Just blown my mind it's literally time traveling in Redux world

  • @hieunh161
    @hieunh161 8 лет назад +2

    you are my idol dan!

  • @EllisWhitehead
    @EllisWhitehead 9 лет назад +2

    Great demonstration!

  • @SebLeFrenchie
    @SebLeFrenchie 7 лет назад

    That was an interesting and funny conference extract to watch, thanks!

  • @Chaaos2
    @Chaaos2 7 лет назад +2

    damn this guy is dope, love his honest

  • @jediRTD2
    @jediRTD2 8 лет назад

    This Guy is a legend!

  • @sophiezhu9714
    @sophiezhu9714 7 лет назад +1

    great video. And Dan is so cute!

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

    Nice talk, he will go places in his career.

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

    FYI the link to the 'Figwheel' talk: ruclips.net/video/j-kj2qwJa_E/видео.html

  • @RainerDreyer
    @RainerDreyer 9 лет назад +12

    I believe this is the talk on Figwheel by Bruce Hauman that Dan mentions: ruclips.net/video/j-kj2qwJa_E/видео.html

  • @gabrielhpugliese
    @gabrielhpugliese 9 лет назад +1

    Where can I find more theory/explanation about what he says on 12:06 about not mutating the data? I really want to understand the internal difference.

    • @gabrielhpugliese
      @gabrielhpugliese 9 лет назад

      Wow, thanks for the great explanation!
      I've been thinking about the equality and realized it's really a nice thing to have, indeed. But did not realized that we can undo things!
      Thanks!!

  • @caiwarrior
    @caiwarrior 9 лет назад +16

    Молодец парень!

  • @anonimo0486
    @anonimo0486 7 лет назад +9

    I finally got to know why a reducer is called that😊

  • @suminda-b
    @suminda-b 9 лет назад +1

    great tools, thanks Dan

  • @michaelromanenko
    @michaelromanenko 9 лет назад +1

    Amazing talk!

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

    5:50 Hello Thank for Trying Out Sublime Text

  • @nyahhbinghi
    @nyahhbinghi 9 лет назад +4

    This video inspired me to try to get hot reloading to work with React + RequireJS. Turns out the AMD spec was basically made for hot reloading, if you think about it. I got it to work with very little trouble - I am creating a simple example project, when I am done, I will share here. You don't need Webpack or Browserify for hot reloading, in fact it's probably much simpler with RequireJS.

    • @nyahhbinghi
      @nyahhbinghi 9 лет назад

      +fasfsfgs sure thing, it works, but the documentation is a work in progress: medium.com/@the1mills/hot-reloading-with-react-requirejs-7b2aa6cb06e1

    • @nyahhbinghi
      @nyahhbinghi 9 лет назад

      +fasfsfgs for sure, please give feedback on github or medium, I would like to improve the articles

    • @fashnek
      @fashnek 8 лет назад

      You're talking about hot reloading source code. This video is about hot reloading an app with actions in mind -- replaying actions to rebuild state according to the new source.

    • @nyahhbinghi
      @nyahhbinghi 8 лет назад

      no not really, he is talking about hot reloading source code. Like you just said "...according to the new source."

    • @fashnek
      @fashnek 8 лет назад

      Reloading the source is just step one. It's not the new thing in this talk, it was already being done. He chose one of the hot reloading systems and augmented it with time travel debugging.
      RequireJS can do it too, and I don't think he said it couldn't, but as far as I can tell it's much less popular for the Web than browserify, Webpack, etc. I think he was saying that he happened to have chosen Webpack to build his extra tools on, but he was not saying that Webpack is the only solution.

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

    Amazing work

  • @MazDelaCerna
    @MazDelaCerna 6 лет назад

    Enjoyed this!

  • @mrwho2513
    @mrwho2513 7 лет назад +1

    very nice! thanks

  • @SJ-gm7oh
    @SJ-gm7oh 6 лет назад

    Thanks Dan!

  • @swyxTV
    @swyxTV 5 лет назад +22

    watching this in 2019?

  • @dimitrisproios1860
    @dimitrisproios1860 6 лет назад

    4:34 what is the name of the talk that is recommended?

  • @tomroggero
    @tomroggero 9 лет назад +1

    This guy is the real shit.

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

    Made Redux in a week? Dan you're a boss.

  • @tz5514
    @tz5514 8 лет назад

    Dan u are a genius...

    • @dimecasts
      @dimecasts 7 лет назад +1

      this is a pet peeve of mine. Seems like these days everyone's a "Genius" you hear and now it's become an overused word these days. There are VERY few geniuses out there. Smart yes? Very smart yes. But not a genius. I think we should take care when abusing a word like this. I have a friend who is just as smart as he is and I don't call him a "genius" either.

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

    I love this person

  • @AmanGupta_Dev
    @AmanGupta_Dev 8 лет назад

    I love it... ! seriously I had doubt that Dan might have used React and Redux for his presentation slides... and I was right ! :D :D awesome

  • @antoinelucas4680
    @antoinelucas4680 7 лет назад +2

    Just a question,
    Why not using enums instead of constants?
    export enum actions = {
    ADD_TODO,
    DELETE_TODO
    }

  • @TheSitar
    @TheSitar 7 лет назад

    Incredible technology.

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

    For the part about removing the event emitter, is he suggesting parting event emission to the dispatcher? How is the view informed and who by?

  • @vfxguru001
    @vfxguru001 8 лет назад +1

    the Sublime Text nag message is classic

  • @stacymurray9574
    @stacymurray9574 9 лет назад

    Fantastic! Thanks Dan.

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

    05:50 😂😂that's funny yo

  • @jpmitchell925
    @jpmitchell925 7 лет назад +1

    Hey, Ho, Lets go!

  • @00l0
    @00l0 9 лет назад +1

    Great talk, thanks! Slightly unrelated question: what tools did you use to create this presentation? (diagrams, lists, transitions, react app, etc) Without ever leaving localhost:3000?

    • @kinseyost1985
      @kinseyost1985 9 лет назад

      +00l0 18:20

    • @00l0
      @00l0 9 лет назад

      +Kinsey Van Ost ooops, thanks! didn't finish the video yet at the time */blushes/

  • @DisfigurmentOfUs
    @DisfigurmentOfUs 9 лет назад +4

    what is the name of this sublime theme?

    • @yabytp
      @yabytp 9 лет назад

      +Pavel V. I'm fairly sure it's Solarized. I've used that a few years now and ever since been looking for other themes.

    • @S3tsuna00
      @S3tsuna00 9 лет назад +1

      +Pavel V. Its Oceanic Next, you can find it here
      github.com/voronianski/oceanic-next-color-scheme

    • @yabytp
      @yabytp 9 лет назад +1

      +Iyus Rustandi Thanks for correcting! Wow, I can't understand how I ever suggested it was Solarized. I write so much Babel in these days that I'll definitely try it with babel-sublime.

    • @S3tsuna00
      @S3tsuna00 9 лет назад +1

      yabytp no problem :)
      Yeah I use that one personally for writing es6+ as well. It's my current favorite color scheme, especially for writing Javascript.

    • @yabytp
      @yabytp 9 лет назад +1

      +Iyus Rustandi Actually I was using base16-ocean-dark-spacegray with Babel and thought it was Solarized :D Oh well... The Oceanic Next felt almost too sweet sugar candy for my eyes at first, but I'm getting used to it now. I actually wanted just better coloring for JSX, but it seems to do good job overall. So far so good.
      (I've never downvoted myself before)

  • @陈藏
    @陈藏 2 года назад

    Is there the slideshow source code? Still don't understand the time travling

  • @furkandemirsoy2107
    @furkandemirsoy2107 7 лет назад +1

    U r best my man :) And u are funniest coder ever :D

  • @sherylhohman6464
    @sherylhohman6464 8 лет назад

    :-D Awesome !
    !! Great Talk !!

  • @kanthPL
    @kanthPL 8 лет назад

    Is this browser screen INSIDE Sumblime Text?

  • @pvpbuddy6102
    @pvpbuddy6102 8 лет назад

    pure genius

  • @deadleaves1985
    @deadleaves1985 8 лет назад +3

    Amazing talk, though it left me wondering why should I use ES6 when I could learn clojurescript and have true functional programming, macros, first-class immutable data-structures, and consistent syntax. I must admin ES6 (or ES2015) is a big disappointment for me, improvements are mostly marginal, and some of them are of dubious value.

  • @BobbyBerberyan
    @BobbyBerberyan 8 лет назад

    Amazing work! Thanks! 👏

  • @SuperAshleyriot
    @SuperAshleyriot 8 лет назад +1

    Sublime Text! Perfect!

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

    I am here by reading th book called "The Road to Learn React"

  • @danwu7275
    @danwu7275 9 лет назад

    hey! I like that old mac fashion menu bar, how can I get one?

    • @jorisw_
      @jorisw_ 8 лет назад

      +Dan WU It's the menubar style of OS X 10.10 and 10.11.

  • @screamz5057
    @screamz5057 8 лет назад +1

    Is it using reveal.js for the presentation ?

    • @miXn
      @miXn 8 лет назад +2

      He literally said that the presentation itself is one big React component. :)

  • @rogerwprice
    @rogerwprice 7 лет назад

    Brilliant!

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

    not all heroes wear capes

  • @rolfen
    @rolfen 7 лет назад

    If we call actions "events", and if we call reducers "event handlers", then what do we have? Don't we already have this?

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

    this guy is fk awesome

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

    can anyone help me with Drag and Drop in "React-Native", I have tried many but it is not working as it should, I am trying to build something similar to Trello, we use react-dropzone in our website for the same.

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

    5:50 the sublime text warning haha

  • @ashwathbharadwaj3223
    @ashwathbharadwaj3223 7 лет назад

    what a genius at play!!!

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

    05:49 Holy shit i had a nice laugh out of this

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

    Man this guy must be good at centering div

  • @TadThorley
    @TadThorley 9 лет назад +2

    This... wow

  • @Mohamedtarek-qz2zj
    @Mohamedtarek-qz2zj 4 года назад +2

    Who's watching in 2020 ?

  • @therealmicksa
    @therealmicksa 8 лет назад +27

    I SWEAR IF I SEE ONE MORE "TODOS" APP....

    • @MattKnowsTech
      @MattKnowsTech 8 лет назад +9

      I think they are popular because one can easily demonstrate create, read, update, and delete (CRUD) operations.

    • @mtheoryx83
      @mtheoryx83 8 лет назад

      And blog Posts/Comments/Authors take it a step further by exploring relationships :) Nothing wrong with that

    • @elartur87
      @elartur87 7 лет назад +4

      #TODO comment what would you do

    • @ЕвгенийНикитин-х8и
      @ЕвгенийНикитин-х8и 7 лет назад +8

      You can make a TODO app with TODO list of things you would do after you will see TODO app again

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

    that sublime alert got me laughing :V lmaooo

  • @kuchumovn
    @kuchumovn 9 лет назад

    good thoughts

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

    Holy fuck!

  • @topsickred
    @topsickred 8 лет назад

    Thanks....

  • @王宇驰-v4r
    @王宇驰-v4r 6 лет назад

    很有意思

  • @chaoAn-kc7qp
    @chaoAn-kc7qp 6 лет назад

    厉害厉害~~

  • @herbertpimentel
    @herbertpimentel 8 лет назад

    super

  • @Asdayasman
    @Asdayasman 7 лет назад +1

    Yeah but it sucks now. :(
    Save in my editor, wait 1s for the react native packager to notice, wait 500ms for it to build the bundle, wait another 1s for my device to notice the bundle and execute it, then see that I still don't understand react native styling, and change flex to 1 instead.
    And that's when it works. About 2/3 of the time, the packager doesn't realise any files have changed, so I either have to reload manually from within expo, or save the same file again and again until the packager picks it up.
    And that's when _I_ work. If I forget a bracket or import something that isn't there, there's a 50% chance that everything stops working and I need to close expo, restart the packager, and try again. One time I even had to delete the node modules folder and reinstall.

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

      Asdayasman you are doing it wrong.

    • @Asdayasman
      @Asdayasman 6 лет назад

      github.com/asday/kanojo
      Go clone that and get your dev environment set up with your phone next to you, and tell me how long it takes from you pressing save _the first time_ to your changes showing up on the phone.

  • @p11atulst
    @p11atulst 8 лет назад

    hey ho, lets go :D

  • @Xenc5
    @Xenc5 6 лет назад

    Very clever.

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

    I like Frustration => Fun converstion (y)

  • @ThomasLeo
    @ThomasLeo 9 лет назад +1

    Dan Abramov sure was thirsty.

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

    He made developers tools in a week but thought about them for past 3 months before making.

  • @skoizumi291101
    @skoizumi291101 8 лет назад

    humm... Hot Module is not redux thing. redux is only about the time travelling?

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

    I think Dan was have a problem with his English pronunciation at those moment. Is he from Germany?

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

    1:58

  • @Роман-т1ю5е
    @Роман-т1ю5е 7 лет назад

    5:49 ahahahah very funny ^)

  • @channel-ug9gt
    @channel-ug9gt 8 лет назад +5

    sounds like he wants to use static types

    • @mtheoryx83
      @mtheoryx83 8 лет назад +1

      Options exist. Typescript and flow are popular examples.

  • @kearfedoc
    @kearfedoc 8 лет назад

    No Dan, Thank You.