React: монтируй, демонтируй, обновляй

Поділитися
Вставка
  • Опубліковано 21 кві 2020
  • Подробный рассказ про React и его особенности.
    0:47 - План лекции
    3:20 - JSX в деталях
    16:25 - Компоненты в деталях
    18:48 - Жизненный цикл
    31:36 - Границы ошибок
    37:05 - Производительность
    45:44 - SyntheticEvents
    49:59 - Дополнительные темы
    58:50 - Хуки

КОМЕНТАРІ • 59

  • @suslikest3708
    @suslikest3708 3 роки тому +112

    Что если бы Николай Дроздов был бы фронтером)

    • @sorenkane5865
      @sorenkane5865 2 роки тому

      you all probably dont care but does someone know of a trick to get back into an Instagram account?
      I was dumb forgot the login password. I appreciate any tricks you can give me.

    • @jazieltripp1040
      @jazieltripp1040 2 роки тому

      @Soren Kane Instablaster ;)

    • @sorenkane5865
      @sorenkane5865 2 роки тому

      @Jaziel Tripp thanks for your reply. I found the site thru google and im in the hacking process now.
      I see it takes a while so I will get back to you later when my account password hopefully is recovered.

  • @userJakov
    @userJakov 4 роки тому +25

    рассказывает как Дроздов, не оторваться

  • @aleksandrkovalchuk5487
    @aleksandrkovalchuk5487 4 роки тому +15

    Подача лектора просто великолепна! Спасибо большое, что делитесь лекциями

  • @lightinthedark5708
    @lightinthedark5708 4 роки тому +3

    Григорий, спасибо вам за такой лаконичный концентрат инфы в одном докладе!

  • @katsiarynaramaniuk8978
    @katsiarynaramaniuk8978 3 роки тому +3

    Спасибо огромное за материал, очень структурировано, покрыты все основные моменты.

  • @2positive1
    @2positive1 3 роки тому

    Классная лекция, благодарю!

  • @AlefersXaoC
    @AlefersXaoC 3 роки тому +1

    Очень класная лекция и лектор, спасибо!

  • @user-np3ob1ji8w
    @user-np3ob1ji8w 2 роки тому

    супер лекция! автору спасибо! многое по полочкам разложилось)

  • @denispepper2830
    @denispepper2830 Рік тому

    Спасибо! Это очень крутые лекции!!!

  • @bigenough2122
    @bigenough2122 4 роки тому +3

    Григорий, оч классно рассказал. даже хз что из минусов сказать.
    Хотелось бы услышать другие его доклады

  • @mykhailostepanishchev6472
    @mykhailostepanishchev6472 3 роки тому

    Спасибо,очень инетесно,крутой лектор !

  • @user-hi1rh2hy4z
    @user-hi1rh2hy4z 4 роки тому

    Крутой доклад!

  • @qeeqq
    @qeeqq 2 роки тому

    Братан, хорош, давай-давай вперёд! Контент вообще в кайф, красавчик! Можно вот этого и того и почаще?

  • @yurabeliaev8695
    @yurabeliaev8695 3 роки тому

    Больше Реакта!! Бооольше!!

  • @behruzisaev2102
    @behruzisaev2102 4 роки тому +2

    Я просто не понимаю как можно было поставить дизлайк за такую лекцию... no comment.

  • @c2d330a8
    @c2d330a8 4 роки тому +25

    Пожалуйста, добавьте ссылку на презентацию.
    Отличное выступление!

  • @user-sj4oy1el5y
    @user-sj4oy1el5y 3 роки тому

    Этот парень круче гор! Просто монстр!

  • @rinatvaliullov3247
    @rinatvaliullov3247 3 роки тому +5

    Ему перед каждой темой надо говорить: "А теперь, мои хорошие, ..." )

  • @bring_you_up
    @bring_you_up 2 роки тому

    неплохо, неплохо

  • @SergeiBogdanov-rp6np
    @SergeiBogdanov-rp6np 4 роки тому

    top

  • @sergei_sergeevu4
    @sergei_sergeevu4 4 роки тому +11

    Спасибо большое за отличную лекцию, подскажите пожалуйста будет ли выложена вторая часть ?

    • @YandexforFrontend
      @YandexforFrontend  4 роки тому +7

      Сергей, добрый день! Вторая часть (React-приложение) по ссылке: ua-cam.com/video/SnmfK4YuGlk/v-deo.html

    • @vladdegotovstochub1802
      @vladdegotovstochub1802 4 роки тому +2

      Фронтенд , а где можно найти эту презентацию??

    • @lightinthedark5708
      @lightinthedark5708 4 роки тому +1

      @@YandexforFrontend, скиньте еще, пожалуйста, ссылку на презентацию. Спасибо.

  • @aleksd286
    @aleksd286 3 роки тому +1

    Хуки начинаются с use не потому, что соглашение какое-то между разрабами, а потому, что реакт смотрит на название функции и если оно начинается с use то он обращается с ним как с хуком, и дает возможность сохранять state

  • @AbraKadabra000
    @AbraKadabra000 4 роки тому +2

    Чтобы объяснить сложное новичку нужно объяснить это как пятилетнему.
    Автор хорошо старается чтобы в приятной форме предоставить сложный материал.
    Спасибо, как в детском саду побывал )

  • @justkost2822
    @justkost2822 Рік тому

    Спасибо, узнал много нового. Только вот по моему концепция useEffect это не про жизненный цикл, это про зависимости, жизненного цикла у функциональных компонентов нет. Вызов useEffect с пустым массивом означает только что зависимостей нет и не гарантирует что вызов будет один раз.

  • @vladdegotovstochub1802
    @vladdegotovstochub1802 4 роки тому +2

    Где можно найти эту презентацию??

  • @StupidLova
    @StupidLova 4 роки тому

    22:00 Если функция render зависит только от props, то она действительно будет чистой. А вот когда внутри появляется зависимость от state это утверждение уже не является верным
    36:30 разделение на глупые и умные компоненты уже устарело, можете это увидеть в той же статья Абрамова на которую ссылаетесь - Presentational and Container Components

    • @victorklimov5254
      @victorklimov5254 4 роки тому +1

      И props и state не изменяются внутри render (если бы это было, то рендеринг зациклился). Поэтому нет причин утверждать, что render - не чистая функция. Компоненты действительно хранят и меняют внутри себя состояние, но не функция render

    • @izzei-1614
      @izzei-1614 4 роки тому

      Разделение на умные и глупые компоненты не устарело. По крайне мере, я не видел столь же успешного для разработки аналога.

  • @openm1ndead
    @openm1ndead 3 роки тому

    Блин, ну и название. Хочется добавить: "грабь корованы и про гусей не забывай".

  • @VladTsyb
    @VladTsyb 2 роки тому

    Здравствуйте! Как React обрабатывает события (и примеры событий) во время процесса поиска в Яндекс?

  • @rinatvaliullov3247
    @rinatvaliullov3247 3 роки тому

    Можно ссылку на презентацию?

  • @VladTsyb
    @VladTsyb 2 роки тому

    На слайде 113 надпись "construstor (props) { ..."- опечатка?

  • @user-ni4sq9td6l
    @user-ni4sq9td6l 3 роки тому

    Без обид лектор очень похож на Дядюшку АУ) Спасибо большое крутая лекция и лектор😎👍🤟

  • @ltdsci2171
    @ltdsci2171 3 роки тому

    00:50:00

  • @user-hq4ry3fl5f
    @user-hq4ry3fl5f 3 роки тому

    После того как невзначай глянул на часы лекция понеслась галопом по европам

  • @mr_efremov_26
    @mr_efremov_26 2 роки тому

    По event pooling данные уже не самые актуальные)

  • @vibius6385
    @vibius6385 4 роки тому

    Называть нативные возможности языка паттерном - сильно.

    • @jurafree426
      @jurafree426 3 роки тому

      spread
      est - это нативные возможности. А их использование в JSX - вполне можно назвать паттерном. То же самое касается условного рендеринга.

  • @user-ny9ex3no4z
    @user-ny9ex3no4z 4 роки тому

    Почуму лектор не разделяет понятия VDOM&DOM?Зачем путать людей?

  • @andyrey840
    @andyrey840 3 роки тому +4

    Бабель, звучит как оскорбление. Слышь ты бабель... ))

    • @MrZyman
      @MrZyman 2 роки тому

      Чувак, как там у вас в школах, совсем уже ? Про Исаака Бабеля не вспоминают? А на уроке английского про Вавилон не говорите, или у вас "Слово Божье" в это время, но Вавилон тоже тогда при деле.

  • @jurafree426
    @jurafree426 3 роки тому

    И что логотип на майке должен означать? ) Что под показной русскостью Яндекса кроется западный иноагент? )

  • @Gelen794
    @Gelen794 2 роки тому

    это носки с пальцами что ли?))

  • @johnsnow6041
    @johnsnow6041 3 роки тому +2

    Почему столько воды?