Видео: Devmagazine

Подборка новых видео на тему Devmagazine на сегодня 20 April 2026 года

Devmagazine - смотрите онлайн

Девчата (комедия, реж. Юрий Чулюкин, 1961 г.)

По одноимённой повести Б. Бедного. На северные лесозаготовки приезжает Тося Кислицына — выпускница Симферопольского кулинарного училища, сирота, совсем девчонка, — умница, настоящий товарищ. На первых же танцах она отбривает местного кумира — лучшего бригадира Илью Ковригина, и начинается у них любовь-борьба, в лучших традициях советских лирических комедий. Первый раз комедию показали в марте 1962 года в зале ЦДК. На премьеру пришли все, кроме Инны Макаровой. Она была обижена за то, что убрали финальную сцену её расставания с женихом. Картина сразу понравилась зрителям и даже критикам. Но высокое начальство посчитало, что комедия чересчур бытовая и мелковата для советского экрана, поэтому фильму была присвоена третья прокатная... Смотреть видео...

ТОП 10 вопросов на собеседовании ReactJS

#React #ReactJS В этом видео рассмотрим наиболее популярные и важные вопросы, которые могут встретиться на собеседовании по ReactJS на позицию React разработчика. Это вопросы о хуках ReactJS, о методах жизненного цикла компонентов React, JSX, о паттернах в ReactJS и т.д. Плейлисты и курсы: ? Tailwind: ? Все о ReactJS: ? Как создать слайдер на ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: Мы в соцсетях: ? Telegram: 00:00 - Про возможные темы в React интервью 01:43 - Что вызывает обновление компонентов? 06:09 - Что такое Virtual DOM и как он работает? 07:11 - setState синхронный или... Смотреть видео...

Знак зодиака мужчина Дева. Все о мужчинах Дева

Знак зодиака мужчина Дева - это интереснейшее и полезнейшее видео для людей чей знак зодиака Дева. Смотрите гороскоп мужчина Дева и узнайте много полезного и интересного про этот замечательный знак зодиака дева мужчина. ✌ Дорогие Друзья, смотрите все о мужчинах Дева, подписывайтесь на канал и обязательно жмите на колокольчик 🔔, чтобы не пропускать новые видео. Также не забудьте поставить класс, если понравилось видео мужчина Дева астрология и написать комментарий - это поможет в развитии нашего канала. Желаем Вам приятного просмотра. До встречи в новых видео:) ▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰ ✧ Содержание ✧ ✧ гороскоп знак зодиака мужчина дева ✧ 00:00 ➤ Приветствие... Смотреть видео...

Все о GraphQL за 30 минут

#GraphQL В этом выпуске рассматриваем различные аспекты GraphQL, а именно что это такое, что такое Query и Mutation, переменные, фрагменты и директивы GraphQL и т.д. Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Все о ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - Введение 05:47 - Поддержка языков 06:29 - Как GraphQL получает данные 07:05 - Query и Mutation 07:48 - Поддержка БД 08:23 - Как матчить данные из БД в GraphQL 13:31 - Переменные GraphQL 16:45 - GraphiQL 18:24 - Фрагменты GraphQL (Fragment) 19:40 - Значение переменных по умолчанию 20:18 - Aliases GraphQL 21:39 -... Смотреть видео...

Что такое Sass?

#sass #scss В этом видео говорим об особенностях Sass, рассматриваем два вида синтаксиса Sass, компилируем стили с sass watch, а также добавляем комментарии в стили. Sass это препроцессор. Он переводит sass-код в чистый css, так как браузер понимает только css. Sass просто удобнее использовать за счет того, что он расширяет возможности css, добавляет новый синтаксис. Sass помогает удобнее организовать стили и сделать их более удобными для восприятия и работы, и в целом сокращает количество кода. Можно выносить общие участки стилей и переиспользовать их с возможностью кастомизации. Это полный курс по Sass, он содержит подробное описание всех особенностей работы c Sass: синтаксис, миксины, наследование, функции, модули, ключевые слова и... Смотреть видео...

Как ПРАВИЛЬНО передать данные между компонентами React?

#React #reactjs В этом видео рассмотрим способы передачи данных между React компонентами - от дочернего компонента к родительскому, от родительского компонента к дочернему, между соседними компонентами, между компонентами на разных уровнях иерархии. Здесь вы найдете ответы на вопросы и на такие кейсы как: Обмен данными между компонентами React JS, Поднятие состояния в React, Передача данных между компонентами в React, Способы передачи данных между компонентами в React, Подъём состояния выше по иерархии, Как передать данные от одного компонента к другомy? Мы в соцсетях: ? Telegram: ? GitHub: Плейлисты и курсы: ? Исходный код: ? Tailwind: ? Все о ReactJS: ? Как создать слайдер на ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS... Смотреть видео...

№163 Monelina - Девица (1:30)/Индивидуальная программа/Музыка для художественной гимнастики

🎶 Современная песня для художественной гимнастики Отлично подойдет под упражнение без предмета, скакалкой, обручем, мячом и булавами и лентой. ⏱ Продолжительность - 1:30 Купить трек: Заказать нарезку: Telegram - Max - «Если ссылки под видео не работают, зайди прямо на мой канал: • Нажми на название канала под любым моим видео. • Там увидишь описание профиля (о канале). • Под этим описанием будут все активные ссылки на мои соцсети.» 🔥Еще больше готовых треков можно найти здесь - ____________________________________________________________________ 🎶A modern rhythmic gymnastics song It is perfect for an exercise without an object, a skipping rope, a hoop, a ball and clubs and a ribbon. ⏱ Duration - 1:30 "If the links under the... Смотреть видео...

Установка TailwindCSS

#Tailwind #TailwindCSS #CSS Установка Tailwind css может немного отличаться для разных фреймворков. В этом видео мы рассмотрим установку tailwind для vue и будем писать компоненты на vue. Использование классов утилит tailwind никак не отличается в разных фреймворках. Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Tailwind: ? Все о ReactJS: ? Как создать слайдер на ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - Введение 00:33 - Установка node и npm 00:52 - Создание проекта vue 01:08 - npm install 01:18 - Добавление tailwind, postcss, autoprefixer 01:51 - Начальная... Смотреть видео...

Как сделать БЕСКОНЕЧНЫЙ скролл в слайдере ReactJS?

#React #ReactJS В этом видео добавим бесконечный скролл в компонент carousel (image slider) на ReactJS, а также рассмотрим принцип работы бесконечного скролла. Плейлисты и курсы: ? Все о ReactJS: ? Как создать слайдер на ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: Мы в соцсетях: ? Telegram: ? GitHub: ? Исходный код: 00:00 - Принцип работы бесконечного скролла 01:28 - Добавление пропса infinite 01:50 - Клонирование элементов 05:29 - Сохранение количества клонов 07:10 - Показываем первый реальный элемент 08:11 - Прыжок от клонированной страницы к реальной 13:40 - Отключение анимации при... Смотреть видео...

Собеседование JUNIOR Frontend REACT

#React #ReactJS В этом выпуске разберем вопросы собеседования Junior frontend React разработчика, рассмотрим вопросы по JavaScript, HTML, CSS, которые обязательно спросят и решим алгоритмическую задачу, а также оценим алгоритмическую сложность решения. Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Tailwind: ? Все о ReactJS: ? Как создать слайдер на ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - О структуре и формате собеседования 02:36 - [JavaScript] Что такое this? 02:58 - [JavaScript] this и window в браузере 03:11 - [JavaScript] this и globalThis в NodeJS 03:46 -... Смотреть видео...

Все хуки ReactJS за 1 час

#React #ReactJS В этом видео рассмотрим все хуки в ReactJS (react hooks), рассмотрим кастомные хуки (пользовательские хуки), а также поговорим о том, что такое хуки, для чего они нужны, как появились хуки, какие есть правила использования хуков в реакт и т.д. Хуки в React - это функциональность, которая позволяет использовать состояние без использования классов. Появилась эта возможность с версии 16.8. В функциональных компонентах нельзя было иметь состояние - они так и назывались stateless (соответственно классовые компоненты - statefull). Теперь же за счет использования хуков функциональные компоненты также могут иметь состояние. Функциональные компоненты является предпочтительным. Классовые компоненты до сих пор доступны. Просто... Смотреть видео...

О курсе Tailwind CSS

#Tailwind #TailwindCSS #CSS Tailwind это супер простой и расширяемый способ работать с CSS. Tailwind состоит из множества классов утилит уже готовых к использованию. В production все неиспользуемые css классы удаляются из сборки и таким образом остается лишь минимальный набор только необходимых классов и результирующий бандл будет занимать мало места. Из коробки в TailwindCSS уже поддерживаются классы для разных размеров экрана - с помощью префиксов брейкпоинтов (sm) можно изменять внешний вид компонентов. Все псевдоклассы также доступны - focus/hover/active и т.д. В зависимости от состояния элемента можно управлять внешним видом добавляя необходимые утилиты классы. Помимо стандартных цветовых тем или размеров можно указывать свои в... Смотреть видео...

Дева и дракон (фильм, 2024)

Принцесса Элоди получает шанс спасти свою страну, погибающую из-за неурожаев. Королева Изабелла Аурейская предлагает обручить её с принцем Генри, и по настоянию отца Элоди соглашается на брак — она и сама рада помочь родине. Поначалу жених и невеста не проявляют друг к другу особого интереса, но позже начинают сближаться: оба любят путешествия. После свадьбы Элоди и Генри отправляются в горы для особого ритуала, который должен закрепить их брак, но вскоре Элоди понимает, что всё это было грандиозным обманом: принцесса нужна была Аурее, чтобы умилостивить дракона, жаждущего крови. Однако Элоди не собирается становиться жертвой. Год выпуска: 2024 Жанр: фэнтези, боевик Продолжительность: 107 мин. Режиссёр: Хуан Карлос Фреснадильо В ролях:... Смотреть видео...

Сорокалетний девственник | The 40 Year Old Virgin (2005)

Часами выбираешь, что посмотреть? Здесь подскажем, на что стоит потратить время и сразу дадим ссылку на просмотр🔥. А еще здесь вы узнаете последние киноновости и анонсы будущих Голливудских проектов 🎥: ТГ о КИНО: ТГ о СЕРИАЛАХ: ВК о КИНО : 40-летний Энди Стицер добился в жизни многого. У него непыльная и хорошо оплачиваемая работенка в магазине по продаже электронной бытовой техники, хорошие друзья, а также милая квартирка, в которой находится гордость Энди — коллекция игрушечных героев и комиксов. Однако его жизнь лишена простых человеческих радостей, которые доступны большинству людей его возраста. Дело в том, что у Энди никогда не было секса. Название: The 40 Year Old Virgin Страна: США Режиссер: Джадд Апатоу Продюсер: Джадд... Смотреть видео...

Дева. Апрель перемены в жизни на 7 лет. Готовьтесь, подходы меняются. Гороскоп апрель 2026 Дева

Дева, гороскоп, астрологический прогноз на апрель 2026 года! Внимание, Девы, приготовьтесь. Звезды предугадывают, апрель 2026 для дев принесет изменения личной жизни на 7 лет и изменение подходов к ценностям, активизацию вопросов личных финансов и ресурсов. Дорогие Девы, большинство астрологические события месяца будут проходить в финансовом секторе, в секторе ресурсов! 26 апреля девам откроются неожиданные карьерные перспективы, когда Уран войдет в близнецы. Гороскоп на апрель 2026 предупреждает об ощущениях хандры и апатии и опасности. 2 апреля Полнолуние запустится процесс пересмотра денежных вопросов. Марс 9 апреля перейдет в 8 дом гороскопа. Новолуние 17 апреля в 8 доме откроет новый цикл для знака зодиака Дев. Меркурий до 15 апреля... Смотреть видео...

Сериал Девять тел в мексиканском морге – 1 сезон 1 серия / Nine Bodies In A Mexican Morgue

Часами выбираешь, что посмотреть? Здесь подскажем, на что стоит потратить время и сразу дадим ссылку на просмотр🔥. А еще здесь вы узнаете последние киноновости и анонсы будущих Голливудских проектов 🎥: ТГ о КИНО: ТГ о СЕРИАЛАХ: ВК о КИНО : Небольшой самолет из Гватемалы, который направлялся в США, терпит крушение в отдаленных мексиканских джунглях. На борту оказалось несколько выживших, которые разбрелись по незнакомому острову. Но друг за другом их начинает кто-то убивать. Времени у оставшихся людей не так уж и много: им необходимо не только спастись от убийцы, но и выяснить, почему всех их хотят уничтожить неизвестные. Что скрывают все до единого пассажиры небольшого самолета? Год производства: 2025 Страна: Великобритания Жанр:... Смотреть видео...

Что такое Tailwind CSS?

#Tailwind #TailwindCSS #CSS Tailwind это супер простой и расширяемый способ работать с CSS. Tailwind состоит из множества классов утилит уже готовых к использованию. В production все неиспользуемые css классы удаляются из сборки и таким образом остается лишь минимальный набор только необходимых классов и результирующий бандл будет занимать мало места. Из коробки в TailwindCSS уже поддерживаются классы для разных размеров экрана - с помощью префиксов брейкпоинтов (sm) можно изменять внешний вид компонентов. Все псевдоклассы также доступны - focus/hover/active и т.д. В зависимости от состояния элемента можно управлять внешним видом добавляя необходимые утилиты классы. Помимо стандартных цветовых тем или размеров можно указывать свои в... Смотреть видео...

Все о МИКСИНАХ в Sass за 30 минут

#sass #scss В этом видео говорим о миксинах (mixin) в Sass, как передавать аргументы в миксины, как передать произвольное количество аргументов в миксины, блок content и т.д. Sass это препроцессор. Он переводит sass-код в чистый css, так как браузер понимает только css. Sass просто удобнее использовать за счет того, что он расширяет возможности css, добавляет новый синтаксис. Sass помогает удобнее организовать стили и сделать их более удобными для восприятия и работы, и в целом сокращает количество кода. Можно выносить общие участки стилей и переиспользовать их с возможностью кастомизации. Это полный курс по Sass, он содержит подробное описание всех особенностей работы c Sass: синтаксис, миксины, наследование, функции, модули, ключевые... Смотреть видео...

Как распилить монолит на микрофронтенды (Часть 1)

#микрофронтенд #microfrontend Серия видео с совместным чтением и обсуждением книги о создании микрофронтендов "Building Micro-Frontends. Scaling Teams and Projects, Empowering Developers." Рассматриваем все вопросы о том как распилить монолит на микрофронтенды. В этих видео я рассказываю, что нужно учитывать при переходе на микрофронтенд архитектуру, какие существует варианты разделения на монолиты, какие сложности могут возникнуть и как их преодолеть. В этом видео читаем и обсуждаем следующие части: Foreword Preface Why I Wrote This Book Who This Book Is For How This Book Is Organized Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Tailwind: ? Микрофронтенды: ? Все о ReactJS: ? Как создать слайдер на... Смотреть видео...

Тестирование Redux Saga

#ReduxSaga #Redux #React В этом видео рассматриваем способы и принципы тестирования в Redux Saga - Как тестировать redux-saga. Можно тестировать саги пошагово т.е. каждый эффект как он указан в коде саге. Также можно протестировать всю сагу целиком записывая задиспатченные actions и используя моки (mocks). В последующих видео курса рассмотрим и другие способы юнит тестирования Redux Saga. Есть также различные библиотеки для тестирования redux saga, например, redux-saga-test, redux-saga-testing, redux-saga-test-plan, и т.д. Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Исходный код: ? Все о ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер... Смотреть видео...

Как запустить несколько саг в Redux Saga?

#ReduxSaga #Redux #React В Redux Saga существует множество способов запустить несколько саг одновременно. В основном это необходимо для запуска рутовой саги, в которой могут быть запущено множество саг. То как запускать саги зависит от ситуации. Например, нужно ли чтобы ошибка поднималась вверх в рутовую сагу или это не принципиально. Самые популярные приемы и рекомендации по запуску saga рассмотрим в этом видео. Это полный курс по Redux Saga, который состоит из 18 подробных практических видео-уроков с исходным кодом (посмотреть все видео курса можно в этом плейлисте Redux Saga это библиотека для Redux и является middleware для Redux, которая призвана упростить и улучшить выполнение сайд-эффектов. Cайд эффекты это асинхронные операции,... Смотреть видео...

Как использовать Компоненты высшего порядка ReactJS

#React #ReactJS Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицированный (каким-то образом улучшенный) компонент. В этом видео рассмотрим примеры использования паттерна Компоненты высшего порядка в ReactJS. Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Все о ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS:... Смотреть видео...

Как тестировать ветвления в Redux Saga?

#ReduxSaga #Redux #React В этом видео рассматриваем способы и принципы тестирования в Redux Saga. Можно тестировать саги пошагово т.е. каждый эффект как он указан в коде саге. Также можно протестировать всю сагу целиком записывая задиспатченные actions и используя моки (mocks). Есть также различные библиотеки для тестирования redux saga, например, redux-saga-test, redux-saga-testing, redux-saga-test-plan, и т.д. В некоторых сагах есть ветвления, например, блоки кода в if/else или try/catch. В зависимости от значений условия, могут выполняться различные блоки кода. Для того чтобы протестировать ветвления без повторения всех шагов в саге в различных тестах можно воспользоваться функцией cloneableGenerator из пакета... Смотреть видео...

Что такое Redux Thunk?

#Redux #React #ReduxThunk В этом видео добавляем Redux Thunk к проекту, смотрим исходники Redux Thunk, пишем thunk и диспатчим. Что такое Redux Thunk? В случае с Redux можно выполнять только простые обновления. Это делается при помощи диспатча actions. Middleware расширяют эти возможности и можно выполнять асинхронные действия. Thunk позволяет выполнять сайд эффекты - сложные синхронные действия, и простые асинхронные действия. Мы в соцсетях: ? Telegram: ? GitHub: Плейлисты и курсы: ? Исходный код: ? Все о ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - Введение 00:26 - Исходники... Смотреть видео...

Как тестировать Redux Saga? Full Saga Testing

#ReduxSaga #Redux #React В этом видео рассматриваем еще один способ тестирования в Redux Saga - Full Saga Testing. Можно тестировать саги пошагово т.е. каждый эффект как он указан в коде саге. Также можно протестировать всю сагу целиком записывая задиспатченные actions и используя моки (mocks). Есть также различные библиотеки для тестирования redux saga, например, redux-saga-test, redux-saga-testing, redux-saga-test-plan, и т.д. Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Исходный код: ? Все о ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - Что такое тестирование... Смотреть видео...

Каналы событий в Redux Saga - Event Channel

#ReduxSaga #Redux #React В очередном видео курса по Redux Saga рассмотрим Event Channels - еще один тип каналов в Redux Saga. Redux Saga это библиотека для Redux и является middleware для Redux, которая призвана упростить и улучшить выполнение сайд-эффектов. Cайд эффекты это асинхронные операции, например, загрузки данных либо иные действия, который должны выполняться помимо изменения данных стора (store). EventChannel (канал событий) помогают получать события из сторонних источников данных, как правило из шин событий (например, из вебсокетов, или из любых других источников, на которые можно подписываться). Это полный курс по Redux Saga, который состоит из 18 подробных практических видео-уроков с исходным кодом (посмотреть все видео... Смотреть видео...

Что такое Fork и Spawn в Redux Saga?

#ReduxSaga #Redux #React В очередном видео курса по Redux Saga рассмотрим attached и detached эффекты в Redux Saga, реализуем и сравним примеры на основе эффектов fork и spawn. В Redux saga есть понятие attached и detached эффектов. Fork - это attached, он привязан к родителю. Если отменить родительскую задачу - то отменятся и все дочерние (форкнутые). Spawn - это detached, он к родителю не привязан. Отмена родительской задачи не приводит к отмене spawned задач. Нужно отменять их явным образом. И ошибки, возникшие в этих задачах, до родителя не доходят. Redux Saga это библиотека для Redux и является middleware для Redux, которая призвана упростить и улучшить выполнение сайд-эффектов. Cайд эффекты это асинхронные операции, например,... Смотреть видео...

Компоненты высшего порядка ReactJS (Higher-order Components)

#React #ReactJS Паттерн Компонент высшего порядка назван по аналогии с функциями высшего порядка. Функция высшего порядка - это функция, которая либо принимает функцию как аргумент, либо возвращает функцию как результат. И то же самое можно сделать с компонентами. Функция (Higher Order component, HOC) может принимать компонент в качестве аргумента, что-то с ним делать и возвращать модифицированный (каким-то образом улучшенный) компонент. Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Все о ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - Почему паттерн так называется 00:23 -... Смотреть видео...

Отличия Apply и Call в Redux Saga

#Redux #ReduxSaga В очередном видео курса по Redux Saga рассмотрим отличия эффектов apply и call, для чего они используются, как передать объект-контекст и рассмотрим аналогию apply и call в JavaScript при работе с объектом и this. Redux Saga это библиотека для Redux и является middleware для Redux, которая призвана упростить и улучшить выполнение сайд-эффектов. Cайд эффекты это асинхронные операции, например, загрузки данных либо иные действия, который должны выполняться помимо изменения данных стора (store). Это полный курс по Redux Saga, который состоит из 18 подробных практических видео-уроков с исходным кодом (посмотреть все видео курса можно в этом плейлисте Мы в соцсетях: ? Telegram: ? GitHub: Плейлисты и курсы: ? Исходный... Смотреть видео...

Паттерн Render Props в ReactJS

#React #ReactJS В этом видео поговорим о паттерне Render props в ReactJS, напишем примеры с разными кейсами где render props полезны, посмотрим на проп children и передадим в него аргументы. Render prop - это функция, которая возвращает JSX, и эта функция используется как проп в компоненте. К пропсам с таким поведением принято добавлять префикс render (renderContent), чтобы отличать обычные пропсы от тех что возвращают JSX. Мы в соцсетях: ? Telegram: ? GitHub: ? Исходный код: Курсы и плейлисты: ? Все о ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - Что такое render props в... Смотреть видео...

Как внедрить зависимости в Middleware Redux Saga?

#ReduxSaga #Redux #React В этом видео курса по Redux Saga рассмотрим как передать данные в контекст middleware Redux Saga, как расширить контекст (setContext) и как прочитать данные из контекста (getContext). Redux Saga это библиотека для Redux и является middleware для Redux, которая призвана упростить и улучшить выполнение сайд-эффектов. Cайд эффекты это асинхронные операции, например, загрузки данных либо иные действия, который должны выполняться помимо изменения данных стора (store). Это полный курс по Redux Saga, который состоит из 18 подробных практических видео-уроков с исходным кодом (посмотреть все видео курса можно в этом плейлисте Мы в соцсетях: ? Telegram: ? GitHub: Плейлисты и курсы: ? Исходный код: ? Все о ReactJS:... Смотреть видео...

Reactjs вопросы интервью собеседование

#React #ReactJS В этом видео рассмотрим еще 10 вопросов, которые могут встретиться на собеседовании по ReactJS на позицию React или frontend разработчика. Это вопросы об управляемых и неуправляемых компонентах, о рендер пропс, Redux и т.д. Мы в соцсетях: ? Telegram: ? GitHub: Курсы и плейлисты: ? Tailwind: ? Все о ReactJS: ? Как создать слайдер на ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - Введение 00:15 - Контролируемые и неконтролируемые компоненты (управляемые и неуправляемые компоненты) 01:57 - Что такое контекст в React (React Context)? 03:55 - Что такое порталы в React... Смотреть видео...

Система нотификаций с Redux Thunk

#Redux #React #ReduxThunk В этом видео пишем систему нотификаций при помощи Redux Thunk с возможностью отключения получения нотификаций. Что такое Redux Thunk? В случае с Redux можно выполнять только простые обновления. Это делается при помощи диспатча actions. Middleware расширяют эти возможности и можно выполнять асинхронные действия. Thunk позволяет выполнять сайд эффекты - сложные синхронные действия, и простые асинхронные действия. Мы в соцсетях: ? Telegram: ? GitHub: Плейлисты и курсы: ? ? Все о ReactJS: ? Паттерны ReactJS: ? Как пройти ReactJS собеседование: ? ReactJS хуки: ? Redux: ? Redux Saga: ? Как создать слайдер на ReactJS: ? Svelte: ? Sass: ? GraphQL: ? JavaScript: 00:00 - Подготовка проекта для работы с... Смотреть видео...