Школа web-программирования Constcode
Школа web-программирования Constcode
  • Видео 30
  • Просмотров 195 336
Нативные vs Синтетические события
В этом ролике разбираю поведение React'a, которое заставило дебажить код 2 часа. Оказывает, что события в React . . .
Просмотров: 700

Видео

React 28: Порталы
Просмотров 11 тыс.2 года назад
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - constcode RUclips - ruclips.net/channel/UCIB_5wjD2vj4xkfAX1K_k-Q Telegram - t.me/constcode Discord - discord.gg/QcEwbm3 Материал урока: ru.reactjs.org/docs/portals.html
React 27: Предохранители
Просмотров 3,2 тыс.2 года назад
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - constcode RUclips - ruclips.net/channel/UCIB_5wjD2vj4xkfAX1K_k-Q Telegram - t.me/constcode Discord - discord.gg/QcEwbm3 Материал урока: ru.reactjs.org/docs/error-boundaries.html
React 26: react-router-dom
Просмотров 1,7 тыс.2 года назад
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - constcode RUclips - ruclips.net/channel/UCIB_5wjD2vj4xkfAX1K_k-Q Telegram - t.me/constcode Discord - discord.gg/QcEwbm3 Материал урока: reactrouter.com/web/guides/quick-start
React 25: @redux/toolkit
Просмотров 2,5 тыс.2 года назад
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - constcode RUclips - ruclips.net/channel/UCIB_5wjD2vj4xkfAX1K_k-Q Telegram - t.me/constcode Discord - discord.gg/QcEwbm3 Материал урока: redux-toolkit.js.org/
React 24: babel-plugin-module-resolver
Просмотров 2,5 тыс.2 года назад
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - constcode RUclips - ruclips.net/channel/UCIB_5wjD2vj4xkfAX1K_k-Q Telegram - t.me/constcode Discord - discord.gg/QcEwbm3 Материал урока: www.npmjs.com/package/babel-plugin-module-resolver create-react-app.dev/docs/available-scripts/#npm-...
React 21: управляемые и неуправляемые компоненты
Просмотров 3,6 тыс.2 года назад
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - constcode RUclips - ruclips.net/channel/UCIB_5wjD2vj4xkfAX1K_k-Q Telegram - t.me/constcode Discord - discord.gg/QcEwbm3
React 23: forwardRef
Просмотров 9 тыс.2 года назад
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - constcode RUclips - ruclips.net/channel/UCIB_5wjD2vj4xkfAX1K_k-Q Telegram - t.me/constcode Discord - discord.gg/QcEwbm3
React 22: PropTypes
Просмотров 3,4 тыс.2 года назад
Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - constcode RUclips - ruclips.net/channel/UCIB_5wjD2vj4xkfAX1K_k-Q Telegram - t.me/constcode Discord - discord.gg/QcEwbm3 Материал урока: ru.reactjs.org/docs/typechecking-with-proptypes.html github.com/Aleksey-Danchin/react-youtube-tutorial
React 20: Render-Prop
Просмотров 6 тыс.3 года назад
В этом уроке разберем render аргумент, который используется, для того чтобы разделить код между несколькими компонентами. Вместо того чтобы переносить повторяющийся код от компонента к компоненту, мы можем написать универсальный и переиспользовать его в других компонентах. Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Конт...
React 19: Пользовательский хук
Просмотров 5 тыс.3 года назад
Одна из мощнейших возможностей React - это пользовательские хуки. С помощью пользовательских хуков можно практически безгранично переиспользовать логику и код. Вместо HOC теперь можно писать чистый JS код, компонующий в себе стандартные и другие пользовательские хуки. В этом уроке напишем несколько хуков для своих проектов. Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бес...
React 18: Хук useRef
Просмотров 9 тыс.3 года назад
Есть несколько сценариев использования useRef хука. Первый когда нам нужны ссылки на dom-элементы из jsx. Второй когда нужно не реактивное состояние. В обоих сценариях объект, создаваемый с помощью useRef, помогает решать поставленную задачу. Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - constcode.ru/free-lesson Контакты: Сайт - constcode.ru VK - ...
React 17: Хук useContext
Просмотров 11 тыс.3 года назад
Когда приложение разрастается и спускать состояние становиться трудоемкой затеей - нужен инструмент упрощающий работу. useContext хук берет на себя работу по распространению состояния и позволяет очистить промежуточные компоненты от рутинной работы пробрасывать данные и методы от родителя к предкам. Наш главный курс "JavaScript старт" - constcode.ru/javascript-start Бесплатная консультация - co...
React 16: Хук useReducer
Просмотров 7 тыс.3 года назад
В том случае, когда useState'ов слишком много, или управление состояниями начинает вытеснять логику компонента, то имеет смысл вынести сложное состояние отдельно. Хук useReducer позволяет оторвать состояние и обработку состояния от самого компонента и описать логику изменения состояния в виде reduce функции, action-генераторов и boilerplate. Наш главный курс "JavaScript старт" - constcode.ru/ja...
React 15: Хук useMemo и useCallback
Просмотров 26 тыс.3 года назад
React 15: Хук useMemo и useCallback
React 14: Хук useEffect
Просмотров 7 тыс.3 года назад
React 14: Хук useEffect
React 13: Хук useState
Просмотров 4,4 тыс.3 года назад
React 13: Хук useState
React 12: Поднятие состояния
Просмотров 8 тыс.3 года назад
React 12: Поднятие состояния
React 11: Обработка формы
Просмотров 12 тыс.3 года назад
React 11: Обработка формы
React 10: Рендринг списка
Просмотров 4,6 тыс.3 года назад
React 10: Рендринг списка
React 09: Условный рендринг
Просмотров 3,9 тыс.3 года назад
React 09: Условный рендринг
React 08: Пользовательские события
Просмотров 2,7 тыс.3 года назад
React 08: Пользовательские события
React 07: Обработка событий
Просмотров 7 тыс.3 года назад
React 07: Обработка событий
React 06: Жизненный цикл компонента
Просмотров 8 тыс.3 года назад
React 06: Жизненный цикл компонента
React 03: Рендер и монтирование
Просмотров 7 тыс.3 года назад
React 03: Рендер и монтирование
React 04: Элемент и входные параметры
Просмотров 3,4 тыс.3 года назад
React 04: Элемент и входные параметры
React 05: Компонент и состояние
Просмотров 3,3 тыс.3 года назад
React 05: Компонент и состояние
React 02: Введение в JSX
Просмотров 3,8 тыс.3 года назад
React 02: Введение в JSX
React 01: Создание проекта
Просмотров 9 тыс.3 года назад
React 01: Создание проекта
React 00: Обзор
Просмотров 10 тыс.3 года назад
React 00: Обзор

Комментарии

  • @sunriseru
    @sunriseru 9 дней назад

    Благодарю, месье. Компилятор C++ стал работать еще быстрее, благодаря такой деликатной мелодии.

  • @aibekbbic7821
    @aibekbbic7821 11 дней назад

    красаучег жи есь

  • @anipetrosyan4255
    @anipetrosyan4255 15 дней назад

    wooow, thanks so much👍👍👍👍👍👍👍👍

  • @anipetrosyan4255
    @anipetrosyan4255 21 день назад

    thanks👍

  • @VasilyVasilyVasily
    @VasilyVasilyVasily 27 дней назад

    Почему функцию greeting просто не вынести из функции App?

  • @user-ib9ip5nx1u
    @user-ib9ip5nx1u Месяц назад

    Братанчик, отличный видос про рендинг, вопросов к контенту нет, но почему видео называется Рендер и монтирование(если про монтирование ни слова)?

    • @web-constcode6252
      @web-constcode6252 26 дней назад

      Потерял, пока монтировал ролик

  • @pavel.88
    @pavel.88 Месяц назад

    за Серегу обидно

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

    спасибо оптимально понятное обьяснение

  • @try08y25
    @try08y25 2 месяца назад

    Можно вопрос. В контексте можно хранить любые данные приложения? Подскажите пожалуйста.

  • @ginhop1057
    @ginhop1057 2 месяца назад

    мне одному интересно , почему автор роликов находится в раздевалке??

  • @yaroslavzef7267
    @yaroslavzef7267 2 месяца назад

    Огонь !

  • @andrewshabaikovich3014
    @andrewshabaikovich3014 2 месяца назад

    Отлично объясняешь, спасибо

  • @dlazder3937
    @dlazder3937 3 месяца назад

    describtion...

  • @juliar7429
    @juliar7429 3 месяца назад

    отличное объяснение, спасибо!

  • @xdayx53
    @xdayx53 4 месяца назад

    вкатился спокойненько в айтишечку, рублю капусту, сидя за ноутом

    • @web-constcode6252
      @web-constcode6252 4 месяца назад

      научишь как ? )))

    • @xdayx53
      @xdayx53 4 месяца назад

      @@web-constcode6252 смотрел constcode ;)

  • @xdayx53
    @xdayx53 4 месяца назад

    с mozila то же самое было, очень бесило, знал, что нужно зайти в настройки в браузер по умолчанию и поменять, но было лень. потом все-таки настолько стало раздражать, что поменял браузер по умолчанию с мозилы)

  • @RewCSharp
    @RewCSharp 4 месяца назад

    Спасибо за урок!

  • @user-rz3rf8yl2u
    @user-rz3rf8yl2u 4 месяца назад

    Спасибо вам большое всё получилось❤

  • @belywhy
    @belywhy 5 месяцев назад

    братан, над дикцией надо поработать а так крутой спасибо

  • @DShpak27
    @DShpak27 5 месяцев назад

    Отлично, молодчага

  • @iakovryzhichka2832
    @iakovryzhichka2832 5 месяцев назад

    Спасибо за объяснение! Удивился почему ты открываешь консоль VS Code через ctrl + j , а не через ctrl + ~(тильда). Рекомендую)

  • @aleksandrmatyka3118
    @aleksandrmatyka3118 5 месяцев назад

    Очень интересно, думал знаю как работают синтетические события, но тоже удивился )

  • @user-tb3mm6dl3z
    @user-tb3mm6dl3z 5 месяцев назад

    Парни вы это продолжайте снимать! Годноты на ютубе как всегда мало так что давайте мы ждем!

  • @vsezanyato
    @vsezanyato 6 месяцев назад

    А как несколько провйдеров объявить? Один в другой вкладывать? Не очень красиво получается.

    • @web-constcode6252
      @web-constcode6252 5 месяцев назад

      1 провайдер на одну общую сущность.

  • @olegkravchenko9655
    @olegkravchenko9655 6 месяцев назад

    Ещё "Жмите на колокольчик!" (делать уведомления о новых видео).

  • @user-tn8vr5du5m
    @user-tn8vr5du5m 6 месяцев назад

    ну то что ефекты сразу дочерних отработывают а потом родительский я знал, а от насчет ивентов - запишем, спс за инфу)

  • @zeevnadiv8778
    @zeevnadiv8778 6 месяцев назад

    спасибо, все очень доступно и без воды!!! отличный стиль изложения материала!!! the best!!!!

  • @user-cv9xy4uu2f
    @user-cv9xy4uu2f 6 месяцев назад

    спасибо

  • @georgylistopad3976
    @georgylistopad3976 6 месяцев назад

    Топовый видос по этой теме