React Component Patterns by Michael Chan

Поделиться
HTML-код
  • Опубликовано: 2 авг 2024
  • React Component Patterns
    by Michael Chan at Full Stack Talks on Thursday February 2nd, 2017.
  • НаукаНаука

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

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

    I learned more with the video than reading many books about React. Thanks a lot for this great talk.

  • @TheSzakara
    @TheSzakara 7 лет назад +19

    Effective intro to function components. The mini-course is low friction and nutritious; I learned a lot quickly.

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

    Good overview. I like answers to the word "why" so as a new react developer it gives me the bigger picture

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

    I wish more talks where this clear and easy! Great talk and thanks for breaking it down. I would love a 2.0 talk building on this, bridging the gap between concept and real world... guess I have to check out your site... oh wait, I'm going there next! Thanks!

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

    fantastic presentation. It was concise and easy to digest.

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

    I learned those things like 2 months long but you explained it in just 15 minutes. Wow. I wish I encountered your vid earlier

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

    Excellent talk! I found it really easy to understand.

  • @neon-xr9ml
    @neon-xr9ml 7 лет назад +13

    the last pattern, must be use carefully, because it will remount the child component, every time the container component re-render.

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

    this guy definitely deserves a LIKE

  • @resxnance
    @resxnance 4 года назад +5

    Lets play a game. Everytime he says circle. Take a shot :)))

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

    This is interesting. Need to know if there's any other patterns out there

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

    Awesome, Chan. Awesome.

  • @juliandavidtorregrosasimba7594
    @juliandavidtorregrosasimba7594 5 лет назад +5

    The last is like to use Render Props, right?

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

    the entire talk is about circle in circle.

  • @solo-angel
    @solo-angel 3 года назад

    Thanks, dude!

  • @andylorenz
    @andylorenz 7 лет назад +35

    The opening diagram of 5 different types of circular patterns to represent component patterns seemed really promising. But then after about 5 minutes of watching, I lost the very meaning of the word "circle".
    The biggest gripes for my brain were:
    * the name is confusing as it sounds like it refers to the small circle itself. In my head this would have been named
    * after being introduced to a number of circle components with descriptive (albeit confusing) names, a component called simply was introduced but which wasn't just a circle but a bunch of other circle things.
    Now my head just hurts. sorry!

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

      Yeah he did not simplify, he explained away. I got nothing out of this at all.

    • @essamal-mansouri2689
      @essamal-mansouri2689 6 лет назад

      Why isn't it just "BigCircle" and "SmallCircle"? Also, I understand the different ways that you can render a SmallCircle in a BigCircle, but I was hoping he gives atleast one working example of why any of them are useful.

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

      My thoughts exactly! I was really hoping all of this would make more sense but no...

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

    Really good intro to beginners learning react

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

    Is the dashedCircle example using a closure?

  • @richardellard
    @richardellard 7 лет назад +3

    At 4:47, I got loading spinner in small circle in circle.

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

    Yes. Use different shapes

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

    good into esp. for visual learners

  • @steffenlaurens8280
    @steffenlaurens8280 6 лет назад +6

    Can I do it with triangle?

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

      It's a new world, buddy. You can do it with a dodecahedron, as long as it's consensual.

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

    A nipple !!
    AJJJAAJAJAJAJAJAJAJJAAJAAJAAJAJAAJAJAAJAJ

  • @iidanmanx
    @iidanmanx 6 лет назад +3

    I want it to be

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

      Daniel Nakhla ruclips.net/video/hEGg-3pIHlE/видео.html

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

    @6:00 I would call the outer component 'Circle', so then I can read it like 'SmallCircle' is in 'Circle', rather than 'SmallCircle' is in 'SmallCircleInCircle'. Great talk, by the way. You should be an educator :)

  • @d-mark-de
    @d-mark-de 6 лет назад +1

    HOCs are... Kinda confusing. Better use renderprops component (or however it called). Search for Michael Jacksons presentation "never write another hoc"

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

      this is just a review of common patterns. it's not prescriptive. most React developers need to know both for their daily work, regardless of how confusing some are. abstinence isn't a helpful or practical recommendation to most working devs.

    • @d-mark-de
      @d-mark-de 6 лет назад +1

      michael chan oh, sure, ofc better know both (so you can recognize hocs and put some refactoring on'em :D)
      But yep, I agree with you. Better know more about what and how and the reason why it's been implemented.

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

    He really likes like. ;p

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

    What for?

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

    You are smart! I don't agree with the intro.

  • @floringhimici6800
    @floringhimici6800 Месяц назад

    kinda - lika

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

    Stop running in circles already

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

    I have a feeling that the presenter wanted to use simple analogy and got lost somewhere along the way. He should have used HTML+CSS for presenting the differences which would have made things much clearer and the presentation would take roughly half the time. This 'circle' stuff just makes everything confusing. I do not even understand what he is trying to do in the first 5 minutes of the talk, present React components to kindergarten kids?

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

    y dont u just use View.js?

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

      why don't you use full words?

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

    Too complex. Waste of time watching this presentation. The concept is promising, but presented in an extremely convoluted manner.

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

    I'm sure the women in the audience felt comfortable

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

      women aren't the only peeps with nipples yo.

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

      this comment was from a long time ago. so I can put your comment in context, what are you referencing?

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

      Doesn't matter. Offence is a part of life.

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

      Woman*

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

    Started out good, quickly lost all meaning due to naming.

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

    I have herpes

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

    Kind of worthless - imagine going on a job interview and referring to a Class Component as a Circle and Functional Component as a Small Circle - VERY VERY BAD!!!!