Вопрос: Как создать простой React компонент, который отслеживает Page Visibility State?

 

Урок 3. React JS. Основы. React класс компонент

Видео взято с канала: WebForMySelf


 

React & Redux #13 Компоненты высшего порядка (High Order Components)

Видео взято с канала: webDev


 

Уроки React Js Компоненты и свойства Props

Видео взято с канала: Web Developer Blog


 

Знакомство с React #5: Компоненты

Видео взято с канала: CodeDojo


 

Props и State. Часть 1. React Lite Level

Видео взято с канала: WebDev с нуля. Канал Алекса Лущенко


 

Уроки React Js State, состояние компонента и примеры

Видео взято с канала: Web Developer Blog


 

Уроки React JS Передача данных между компонентами. Примеры React js

Видео взято с канала: Web Developer Blog


9 комментариев

Ваш адрес email не будет опубликован. Обязательные поля помечены *

  • эх…
    Web Developer Blog как всегда в своем репертуаре, непонятно как раскрывается тема, быстрые переходы между файлами, куча склеек по причине того что парнишка не может и двух предложений сказать не запинаясь.
    И после того как написал код пост фактум еще раз пытается его объяснить, все в том же стиле описанном выше.
    Ну если нет у тебя умения объяснять зачем ты лезешь????

  • Я немного запуталась с названиями как файлов так и state и props.

    Дошло, когда я поменяла названия:
    файлов на ParentComponent и ChildComponent
    name из state родительского компонента на nameFromParentState.
    props из дочернего компонента на nameFromChildProps.

    Я понимаю что примитивненько, но так понятнее стало.

    А вообще автору ОГРОМНОЕ СПАСИБО! очень доходчиво все объясняет! Новичкам полезно! рекомендую! А если что-то непонятно разбирайтесь, гуглите, вникайте, чтобы закрепить и понять лучше!

  • Ну что это за названия компонентов? Трудно что-то нормальное придумать? Назвал бы один родительский ParentComponent, а другой, дочерний ChildComponent. Это к примеру. Хотя можно было сделать и без слова component (и так понятно, что это компоненты, а не что-то другое). Люди по твоим урокам учатся, а ты затрудняешь им их обучение. Это не наезд, а совет более опытного разработчика. =)
    И ещё. Не тарахти так быстро.

  • Автору видео +, но есть совет: в этом видео слишком быстро переключаешься по окнам (файлам js) как бы скачешь, приходится ставить видео на паузу.
    И наверно лучше было бы создать два новых компонента для демонстрации, а не использовать старые.

    И еще интересно как у тебя опыт (может есть об этом видео?) сколько лет программируешь, какие инструменты используешь итп.

  • Если честно мне мало что понятно, так как я новичок. Возможно это крутой урок для тех, кто уже имеет какие-то основы и опыт работы, но мне лично мало что понятно.

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

  • Куда ты так торопишься? Мало того, что не успеваешь за твоими словами, так ещё и на качестве твоего кода это отражается. И почему не назвал компоненты как-то по-нормальному? Почему за отступами не следишь всё скачет туда-сюда. Новички за тобой не успеют.

  • все конечно хорошо. но в 2020 году bind писать при наличии стрелочных функций как-то не очень. а для начинающих что это понять что то одинаково, но все же лучше сразу запоминать как более прогрессивно.

  • Привет, можешь пожалуйста глянуть мельком рабочий код, там немного. Особенно интересует асинхронная часть моргания, насколько грамотно написан код и какие моменты не очень. Если добавишь свою ветку с исправлениями будет оч круто. Спасибо)
    https://github.com/itPointOfLife/homer-and-donut/blob/master/index.html

  • Спасибо за доходчивое объяснение с примерами! Лайкнул, подписался )
    Хотел бы уточнить у вас: В компаненте LoadingHOC ( 7:05) используется дважды стрелочная функция (напоминает каррирование). Можно ли использовать одну “=> ” но с двумя переменными или нет? например так
    const LoadingHOC = (loadingProps, WrappedComponent) => {