webcoderofficial
webcoderofficial
  • Видео 17
  • Просмотров 29 487
Отличия useEffect, useLayoutEffect и componentDidMount. Курс по React. React хуки.
Друзья, приветствую вас. В этом уроке мы сравним хуки useEffect и useLayoutEffect, а также рассмотрим componentDidMount. Информация очень полезная, по моему опыту, многие разработчики на собеседовании валятся на этом вопросе. Надеюсь вам понравится!
Как обычно ждем обратную связь) Пишите в комментариях, какие темы хотите увидеть в следующих выпусках
Таймкоды:
00:00 ➝ Мой канал с анонсами и бесплатными обучающими материалами
00:37 ➝ Введение
00:50➝ Рассматриваем componentDidMount()
02:15➝ useEffect()
03:51➝ useLayoutEffect()
Мой Telegram канал с анонсами бесплатными обучающими материалами - t.me/senior_javascript
Готовый код будет также здесь ☝
Просмотров: 524

Видео

#1: Интернет-магазин уровня Middle. Структура проекта, линтеры, Storybook. Курс по React, Redux, TS.
Просмотров 3 тыс.Год назад
Друзья, приветствую вас на первом уроке моего нового объемного курса уровня Middle, в котором мы сделаем интернет-магазин. Использовать будем React, RTK, TypeScript, Jest, Storybook, Eslint, Stylelint и многое другое) В‌ ‌этом‌ ‌видео‌ мы зададим структуру проекта, установим Storybook, настроим линтеры. Постарался подробно описывать каждый шаг, надеюсь будет понятно, а главное полезно!) Таймкод...
#1: Rick and Morty - создаем проект в портфолио (junior). RTK Query. Пагинация, фильтрация.
Просмотров 1,4 тыс.Год назад
В‌ ‌этом‌ ‌видео‌ создадим слайдер на React без использования каких либо библиотек. Постарался подробно описывать каждый шаг, надеюсь будет полезно!) Используем: - ReactJS 18 - TypeScript - Redux Toolkit (хранение данных) - React Router v6 (навигация) - RTK Query (отправка запроса, получение данных о персонажах) - React Hooks (хуки) - Prettier (форматирование кода) - React Pagination (пагинация...
Делаем СЛАЙДЕР на чистом ReactJS без использования библиотек. Курс по React. Используем TypeScript
Просмотров 8 тыс.Год назад
В‌ ‌этом‌ ‌видео‌ создадим слайдер на React без использования каких либо библиотек. Постарался подробно описывать каждый шаг, надеюсь будет полезно!) Таймкоды: 00:00 ➝ Введение 00:32 ➝ Мой канал с бесплатными обучающими материалами 00:55➝ Приступаем к написанию. Верстка 05:40➝ Логика работы слайдера 15:59➝ Реализация зацикливания слайдера 19:50➝ Реализация автоматического переключения слайдов М...
Оптимизация React приложения. Избавляемся от ненужных ререндеров. useMemo, useCallback
Просмотров 1,3 тыс.Год назад
В этом ролике мы поговорим о том, как можно оптимизировать React приложения. Поговорим про хуки useMemo и useCallback. Рассмотрим на примере, почему стоит разделять код на компоненты. Таймкоды: 00:00 ➝ Введение 00:26 ➝ Разделяйте код на компоненты! 06:00➝ useMemo 10:16➝ useCallback 10:45➝ Время ставить лайки и писать комменты :) Telegram канал с бесплатными обучающими материалами - t.me/senior_...
Красивая CSS Анимация Изображений - Эффект при Наведении [2021]
Просмотров 1,1 тыс.2 года назад
Красивая CSS Анимация Изображений - Эффект при Наведении [2021] Всем привет! 💥 В этом уроке научимся создавать крутую анимацию при наведении на картинки. Сделать данную анимацию очень легко( не дольше 5 минут). Постарался объяснить максимально подробно, надеюсь вам было всё понятно!). Если вы не хотите писать код своими руками, его можно скачать в моём ТГ канале, однако я рекомендую написать ег...
JavaScript Основы для Начинающих - Условные Операторы [2021]
Просмотров 1492 года назад
JavaScript Основы для Начинающих - Условные Операторы [2021] Всем привет! 💥 В этом уроки разберем условные операторы JavaScript. Уверен, будет полезно! Условные операторы - это операторы языка JavaScript, которые в зависимости от некоторого условия позволяют выполнить одно или несколько определённых инструкций. Виды условных операторов в JavaScript: *условный оператор if (с одной ветвью); *усло...
Выпадающее меню на чистом CSS | Плавное БУРГЕР МЕНЮ без JS
Просмотров 5 тыс.2 года назад
Всем привет! 💥 В этом уроке вы научитесь создавать плавное анимированное выпадающее бургер меню на чистом HTML/CSS без единой строчки Javascript кода. Уверен, будет полезно! Скачать код можно в моём ТГ. 💬 Всё ли было понятно? Пиши в комментарии! 👉🏻Больше полезной информации: 👉🏻Конспекты и разбор кода программ здесь: ✅Telegram: t.me/webcoderofficial ✅Instagram: webcoderofficial 👉🏻П...
JavaScript Основы для Начинающих - Логические Операции [2021]
Просмотров 1212 года назад
JavaScript Основы для Начинающих - Логические Операции [2021] 💥 В этом уроке описаны логические операторы. JavaScript поддерживает три логических оператора: || (ИЛИ), && (И) и ! (НЕ), которые очень часто используются в условных конструкциях, например if, while или for. Благодаря логическим операторам можно объединять два выражения в одно более сложное. Конспект в Инстаграмме! 💬 Всё ли было поня...
Анимация Элементов при Скролле Страницы. AOS. Установка и Настройка Библиотеки.
Просмотров 8662 года назад
Анимация Элементов при Скролле Страницы. AOS. Установка и Настройка Библиотеки. 🌐 Фронтенд разработчики часто сталкиваются с тем, что клиенты просят реализовать на сайте какие-то потрясающие эффекты - анимацию при прокрутке страницы. Да, конечно, можно такие эффекты создать на CSS самостоятельно, потратив несколько часов на попытки сделать достойную анимацию. Но для этих целей уже создано множе...
ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ + СЛАЙДЕР за 11 минут - LightBox. Подключение и Настройка Библиотеки.
Просмотров 5 тыс.2 года назад
ГАЛЕРЕЯ ИЗОБРАЖЕНИЙ СЛАЙДЕР за 11 минут - LightBox. Подключение и Настройка Библиотеки. В этом уроке мы создадим адаптивную галерею изображений с использованием библиотеки LightBox. Уверен, будет полезно! Ссылка для скачивания: github.com/lokesh/lightbox2 Больше опций для настройки в моём посте инстаграм: pCRDoYGpDTda/ 👉🏻Больше полезной информации: 👉🏻Конспекты и разбор кода прогр...
Делаем ФОРМУ ОБРАТНОЙ СВЯЗИ ДЛЯ САЙТА! Отправка Сообщений на Почту! HTML + PHP
Просмотров 1,8 тыс.2 года назад
Делаем ФОРМУ ОБРАТНОЙ СВЯЗИ ДЛЯ САЙТА! Отправка Сообщений на Почту! HTML PHP В этом уроке напишем форму на HTML и PHP. После этого зальём результат на хостинг и удостоверимся в работоспособности! Уверен, будет полезно! 👉🏻Больше полезной информации: 👉🏻Конспекты и разбор кода программ здесь: ✅Telegram: t.me/webcoderofficial ✅Instagram: webcoderofficial 👉🏻Подписывайтесь! Тайм коды: 0...
JavaScript Основы для Начинающих - Базовые операции [2021]
Просмотров 1092 года назад
JavaScript Основы для Начинающих - Базовые операции [2021]
JavaScript Основы для Начинающих - Переменные и Типы данных [2021]
Просмотров 1942 года назад
JavaScript Основы для Начинающих - Переменные и Типы данных [2021]

Комментарии

  • @DamayitaDas
    @DamayitaDas 25 дней назад

    У вас ссылка на Телеграм не работает

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

    А если цель сразу три слайда, как изменить код?

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

    автор кекс выложил обучающее видео но доки показывать не хочет XDDD

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

    Название приложения скажите?

  • @mike-aaa
    @mike-aaa 9 месяцев назад

    Вот как сделать еще лучше! Уменьшить размер текста, пусть будет еще хуже видно и еще больше бесполезного пространства. И говрить еще тише, а лучше уйти вообще в другую комнату! Это лишь стимулирует мозг зрителя, и он лучше усвоит информацию.

  • @kaiparker6710
    @kaiparker6710 11 месяцев назад

    Спасибо! Все понятно и подача приятная)

  • @alexanderpoker6655
    @alexanderpoker6655 11 месяцев назад

    Чувак явно курс алби насмотрелся))

  • @kawtharist
    @kawtharist Год назад

    Помогите, пожалуйста, разобраться. Откуда мы берём prevstate??

  • @user-uo7tg9tk3j
    @user-uo7tg9tk3j Год назад

    UPD: стилей нет, а без них весь код оказывается нерабочим. Печаль и минус 100 в карму автору. А жаль, начало было обнадеживающим.

  • @user-uo7tg9tk3j
    @user-uo7tg9tk3j Год назад

    Спасибо, дружище! Мега-крутая подача, без лишнего, но со всем необходимым!

  • @user-bf3fy3gk4d
    @user-bf3fy3gk4d Год назад

    Почему то не открывается сайт beGet после загрузки туда файлов (рекомендация поистить кэш чистил) все равно не запускает. Хотя пишет что сайт готов

    • @user-bf3fy3gk4d
      @user-bf3fy3gk4d Год назад

      Проблему решил перезаливом кода

  • @elmirweb6583
    @elmirweb6583 Год назад

    Лучший! Летим!

  • @makku64
    @makku64 Год назад

    React это же и есть библиотека JS разве нет?

  • @Khusrav-nt9pb
    @Khusrav-nt9pb Год назад

    Продолжение будет?

  • @Yodara
    @Yodara Год назад

    👍👍👍

  • @TarasAndriutsa
    @TarasAndriutsa Год назад

    thank !

  • @user-et1xj4kd6o
    @user-et1xj4kd6o Год назад

    Спасибо. Еще бы адаптив сделать вообще б супер было

  • @dejavustudio16
    @dejavustudio16 Год назад

    Спасибо большое за видео, а можно ли сделать так, чтобы стрелки были всегда видны?

  • @user-bj3gc6xs9p
    @user-bj3gc6xs9p Год назад

    Никогда не знаешь где в закоулку окажется топовый видос. Молодец хорошая подача без воды. Отличная дикция. Давай у тебя будет норм приход. Делаю тестовое и не мог сделать пагинацию огромное спасибо. Жаль что нету второй части . Так нужна пагинация

  • @user-fq5dg5rz6c
    @user-fq5dg5rz6c Год назад

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

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

      Всего хватает... Все хорошо видно и на 1920 и на 1600

  • @user-ff3lc1et3u
    @user-ff3lc1et3u Год назад

    Какие параметры компа, на котором работает автор?

  • @user-ff3lc1et3u
    @user-ff3lc1et3u Год назад

    Все отлично, успехов каналу, только на мобиле все кажется мелким. Возможно стоит увеличить масштаб

  • @kommersant5822
    @kommersant5822 Год назад

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

  • @user-wn6tw4zd3k
    @user-wn6tw4zd3k Год назад

    а как при помощи твоего инструмента добавить допустим на три блока div классы, это я хочу сделать несколько слайдов

  • @diletant_av
    @diletant_av Год назад

    на канале нет ничего про код этого урока, увы не нашёл

  • @user-wn6tw4zd3k
    @user-wn6tw4zd3k Год назад

    Спасибо огромное, благодаря тебе реализовал слайдер без использования сторонних библиотек

  • @username_nata_li
    @username_nata_li Год назад

    Огромное спасибо за ваше видео! Мне очень помогло!

  • @nataliazav
    @nataliazav Год назад

    ретёрн, пожалуйста, не ретарн 🙏 спасибо за урок

  • @velikorossnationalist4259
    @velikorossnationalist4259 Год назад

    Можете немного увеличить экран, чтобы лучше было аидно код?

  • @dmytrovoronov9320
    @dmytrovoronov9320 Год назад

    как я понимаю, ранее обьявленный курс по Frontend уже можно не ждать?

    • @webcoderofficial5886
      @webcoderofficial5886 Год назад

      Курс будет. Ролики будут чередоваться

  • @doniyorusmonov152
    @doniyorusmonov152 Год назад

    когда следующие видео будет

  • @haibova_irisha
    @haibova_irisha Год назад

    привет . кутой урок , спасибо . А как часто будет выходить продолжение ?

    • @webcoderofficial5886
      @webcoderofficial5886 Год назад

      Привет, на этой неделе 100% будет следующий урок

  • @viktoriiashevchenko7077
    @viktoriiashevchenko7077 Год назад

    Why does import React from 'react' doesn’t work? Should I check my decencies first?

  • @Aman-bx4kt
    @Aman-bx4kt Год назад

    А есть видео как привязать реакт проект к домену

  • @q0art
    @q0art Год назад

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

  • @q0art
    @q0art Год назад

    каналы в тг реально годные

  • @barbatage5078
    @barbatage5078 Год назад

    Где-то я уже это слышала всё, даже знаю где 😉

    • @helenit4365
      @helenit4365 Год назад

      Ульби

    • @barbatage5078
      @barbatage5078 Год назад

      @@helenit4365 да да) ой некрасиво так делать, автор

    • @user-zl7zj3so7e
      @user-zl7zj3so7e Год назад

      Так а где слышала-то?

    • @yuriypetrik3333
      @yuriypetrik3333 Год назад

      Очень хочется узнать где)

  • @TwilingWay
    @TwilingWay Год назад

    Кто то сливает Курс Улби? =)

    • @Evgeny..
      @Evgeny.. Год назад

      Наверное применяет на практике)

    • @Valeryi07
      @Valeryi07 Год назад

      Хех,а я думал,что я один это заметил))

    • @webcoderofficial5886
      @webcoderofficial5886 Год назад

      Нет, это не слив курса. Мы будем делать интернет магазин. Если ты про методологию, то она как раз и нужна для больших проектов.

    • @andreidetenkov
      @andreidetenkov Год назад

      @@webcoderofficial5886 Если будешь слушать всех подряд, не получится что то сделать хорошее. Делай как задумал. Тем более что тема магазина как никакая другая раскрывает как работать со стейт-менеджментом, делать асинхронщину и оптимизацию перерисовок.

  • @kerenoz2010
    @kerenoz2010 Год назад

    как установить storybook с 18 реактом?

    • @webcoderofficial5886
      @webcoderofficial5886 Год назад

      Точно также, в видео устаноален реакт 18 версии

  • @dinkerk
    @dinkerk Год назад

    К тому времени, когда я смогу понять это, как раз выйдут все серии)

    • @solarvideo636
      @solarvideo636 Год назад

      Умножить наверное это время стоит вдвое. Это сложно понять вот так за месяц или даже 3. Минимум 6 месяцев. И то, если работы нет и сидишь дома только и учишь это всё.

  • @user-vw6es1fe7b
    @user-vw6es1fe7b Год назад

    Было бы хорошо, будь ролики по пол часа минимум.

  • @elenaizmaylova9331
    @elenaizmaylova9331 Год назад

    Отличное видео и очень нужный курс! Только боюсь затянется месяца на три не меньше((( Но всё равно буду всё смотреть! Подписалась на телеграмм и ютуб, поставила лайк!) Надеюсь, что ты не забросишь этот проект!

  • @unicoxr5tj417
    @unicoxr5tj417 Год назад

    лайк поставил, ждем продолжения)

  • @elenaizmaylova9331
    @elenaizmaylova9331 Год назад

    Спасибо огромное!💞

  • @user-pt3jm3yi3p
    @user-pt3jm3yi3p Год назад

    Проект с апи рик и морти будет продолжаться или фокус переходит на этот курс?

    • @webcoderofficial5886
      @webcoderofficial5886 Год назад

      Фокус перейдёт на этот, но функционал, который там был запланирован, 100% реализуем здесь

  • @dmytrovoronov9320
    @dmytrovoronov9320 Год назад

    Как часто будут выходить уроки?

  • @user-oq9de4fw8u
    @user-oq9de4fw8u Год назад

    Круто, только постоянный фэйт на склейках напрягает. Очень часто

  • @natanrock4358
    @natanrock4358 Год назад

    Спасибо!

  • @haibova_irisha
    @haibova_irisha Год назад

    продолжения не будет ?(

    • @webcoderofficial5886
      @webcoderofficial5886 Год назад

      Будет новый большой проект, там будет гораздо больше функционала)

    • @webcoderofficial5886
      @webcoderofficial5886 Год назад

      В том числе и то, что здесь было запланировано на вторую часть

  • @haibova_irisha
    @haibova_irisha Год назад

    привет , а есть исходный код ?