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

Sdílet
Vložit
  • čas přidán 21. 04. 2020
  • Подробный рассказ про React и его особенности.
    0:47 - План лекции
    3:20 - JSX в деталях
    16:25 - Компоненты в деталях
    18:48 - Жизненный цикл
    31:36 - Границы ошибок
    37:05 - Производительность
    45:44 - SyntheticEvents
    49:59 - Дополнительные темы
    58:50 - Хуки

Komentáře • 59

  • @suslikest3708
    @suslikest3708 Před 3 lety +112

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

    • @sorenkane5865
      @sorenkane5865 Před 2 lety

      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 Před 2 lety

      @Soren Kane Instablaster ;)

    • @sorenkane5865
      @sorenkane5865 Před 2 lety

      @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 Před 4 lety +25

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

  • @aleksandrkovalchuk5487
    @aleksandrkovalchuk5487 Před 4 lety +15

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

  • @lightinthedark5708
    @lightinthedark5708 Před 4 lety +3

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

  • @katsiarynaramaniuk8978
    @katsiarynaramaniuk8978 Před 3 lety +3

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

  • @AlefersXaoC
    @AlefersXaoC Před 3 lety +1

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

  • @2positive1
    @2positive1 Před 3 lety

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

  • @user-np3ob1ji8w
    @user-np3ob1ji8w Před 2 lety

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

  • @denispepper2830
    @denispepper2830 Před rokem

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

  • @bigenough2122
    @bigenough2122 Před 4 lety +3

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

  • @qeeqq
    @qeeqq Před 2 lety

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

  • @mykhailostepanishchev6472

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

  • @user-hi1rh2hy4z
    @user-hi1rh2hy4z Před 4 lety

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

  • @c2d330a8
    @c2d330a8 Před 4 lety +25

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

  • @yurabeliaev8695
    @yurabeliaev8695 Před 3 lety

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

  • @user-sj4oy1el5y
    @user-sj4oy1el5y Před 3 lety

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

  • @rinatvaliullov3247
    @rinatvaliullov3247 Před 3 lety +5

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

  • @bring_you_up
    @bring_you_up Před 2 lety

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

  • @behruzisaev2102
    @behruzisaev2102 Před 4 lety +2

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

  • @SergeiBogdanov-rp6np
    @SergeiBogdanov-rp6np Před 4 lety

    top

  • @aleksd286
    @aleksd286 Před 3 lety +1

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

  • @justkost2822
    @justkost2822 Před rokem

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

  • @sergei_sergeevu4
    @sergei_sergeevu4 Před 4 lety +11

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

    • @YandexforFrontend
      @YandexforFrontend  Před 4 lety +7

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

    • @vladdegotovstochub1802
      @vladdegotovstochub1802 Před 4 lety +2

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

    • @lightinthedark5708
      @lightinthedark5708 Před 4 lety +1

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

  • @vladdegotovstochub1802
    @vladdegotovstochub1802 Před 4 lety +2

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

  • @StupidLova
    @StupidLova Před 4 lety

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

    • @victorklimov5254
      @victorklimov5254 Před 4 lety +1

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

    • @izzei-1614
      @izzei-1614 Před 4 lety

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

  • @VladTsyb
    @VladTsyb Před 2 lety

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

  • @rinatvaliullov3247
    @rinatvaliullov3247 Před 3 lety

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

  • @VladTsyb
    @VladTsyb Před 2 lety

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

  • @openm1ndead
    @openm1ndead Před 3 lety

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

  • @AbraKadabra000
    @AbraKadabra000 Před 4 lety +2

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

  • @ltdsci2171
    @ltdsci2171 Před 3 lety

    00:50:00

  • @user-ni4sq9td6l
    @user-ni4sq9td6l Před 3 lety

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

  • @user-hq4ry3fl5f
    @user-hq4ry3fl5f Před 3 lety

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

  • @mr_efremov_26
    @mr_efremov_26 Před 2 lety

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

  • @vibius6385
    @vibius6385 Před 4 lety

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

    • @jurafree426
      @jurafree426 Před 3 lety

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

  • @user-ny9ex3no4z
    @user-ny9ex3no4z Před 4 lety

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

  • @andyrey840
    @andyrey840 Před 3 lety +4

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

    • @MrZyman
      @MrZyman Před 2 lety

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

  • @jurafree426
    @jurafree426 Před 3 lety

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

  • @Gelen794
    @Gelen794 Před 2 lety

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

  • @johnsnow6041
    @johnsnow6041 Před 3 lety +2

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