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

Відео

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

КОМЕНТАРІ

  • @Tony-gx8ye
    @Tony-gx8ye 13 днів тому

    Огромное спасибо!! Вы объяснили максимально просто и понятно. Туториал пушка!!!

  • @bonafidesjo
    @bonafidesjo 14 днів тому

    Начинала изучать react несколько раз по мастер классам. Поняла, что не понимаю структуру Реакта, и из-за этого плохо понимаю, как работать с ним. Нашла ваш канал. Ну что сказать. Очень качественный контент! Спасибо за работу ♥

  • @Pr1vDiv
    @Pr1vDiv 26 днів тому

    реально помог брат, спасибо

  • @РусланНазармухамедов

    Самое простое объяснение, и впринципе как и все уроки у тебя, ЛУЧШИЙ🔥🔥🔥🔥🔥🔥🔥🔥

  • @AndrewTaradeev
    @AndrewTaradeev 3 місяці тому

    А как сделать так, чтобы переключаться среди списка городов в CityList и сохранять переключеные города в City в виде массива выведенным как список ?

  • @АннаЛопина-ч6н
    @АннаЛопина-ч6н 3 місяці тому

    Спасибо. Поняла наконец - то, зачем эта штука нужна

  • @Alex-bo9wt
    @Alex-bo9wt 4 місяці тому

    Спасибо, для моей задачи шикарное решение!

  • @buba571
    @buba571 4 місяці тому

    Спасибо за ролик, наглядно объяснил как работает технология

  • @aibekbbic7821
    @aibekbbic7821 6 місяців тому

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

  • @anipetrosyan4255
    @anipetrosyan4255 6 місяців тому

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

  • @anipetrosyan4255
    @anipetrosyan4255 6 місяців тому

    thanks👍

  • @VasilyVasilyVasily
    @VasilyVasilyVasily 6 місяців тому

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

  • @АнатолийГаврилов-х9л
    @АнатолийГаврилов-х9л 7 місяців тому

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

    • @web-constcode6252
      @web-constcode6252 6 місяців тому

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

  • @pavel.88
    @pavel.88 7 місяців тому

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

  • @olgamatosova158
    @olgamatosova158 8 місяців тому

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

  • @try08y25
    @try08y25 8 місяців тому

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

  • @ginhop1057
    @ginhop1057 8 місяців тому

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

  • @yaroslavzef7267
    @yaroslavzef7267 8 місяців тому

    Огонь !

  • @andrewshabaikovich3014
    @andrewshabaikovich3014 9 місяців тому

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

  • @dlazder3937
    @dlazder3937 9 місяців тому

    describtion...

  • @juliar7429
    @juliar7429 9 місяців тому

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

  • @xdayx53
    @xdayx53 10 місяців тому

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

    • @web-constcode6252
      @web-constcode6252 10 місяців тому

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

    • @xdayx53
      @xdayx53 10 місяців тому

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

  • @xdayx53
    @xdayx53 10 місяців тому

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

  • @RewCSharp
    @RewCSharp 10 місяців тому

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

  • @LadyLi-l8x
    @LadyLi-l8x 10 місяців тому

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

  • @belywhy
    @belywhy 11 місяців тому

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

  • @DShpak27
    @DShpak27 11 місяців тому

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

  • @iakovryzhichka2832
    @iakovryzhichka2832 11 місяців тому

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

  • @aleksandrmatyka3118
    @aleksandrmatyka3118 11 місяців тому

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

  • @СергейК-б6н
    @СергейК-б6н 11 місяців тому

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

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

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

    • @web-constcode6252
      @web-constcode6252 Рік тому

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

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

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