StackDev.ru

Все привет! Какое-то время назад выложил на канал короткое видео, где показываю как использую библиотеку Styled Components в своих проектах. Видео уже собрало более 70 тысяч просмотров и большое количество комментариев. Многие комментарии касались использования глобальных стилей CSS с библиотекой Styled Components. Решил записать еще одно короткое видео как раз на эту тему. Используя библиотеку Styled Components, все общие стили CSS находятся в одном компоненте. Данный компонент "оборачивает" все наше приложение (как с Redux). Таким образом, всем компонентам приложения доступны Глобальные стили CSS, а также переменные нашей "темы". Видео: https://youtube.com/shorts/eCwIGvIb6ao

Всем привет! Записал короткое видео про одну из фич браузера Google Chrome под названием CSS Overview. Признаюсь честно - раньше ее не использовал, но как только попробовал - понял, что она может быть очень полезной. https://youtube.com/shorts/hJu5ZWgG-uo

Всем привет! Только что опубликовал новое видео, в котором мы разбираемся для чего нужны и как работают функции Debounce и Throttle в JavaScript. Мы напишем с нуля обе функции и отобразим результат работы Debounce и Throttle на нашей странице. Debounce - откладывает вызов функции с запросом, пока не пройдет заданный промежуток времени после последнего вызова. Один из самых частых примеров использования Debounce - это уменьшение количества запросов на сервер при наборе текста пользователем в форме поиска. С другой стороны, Throttle постоянно вызывает нужную функцию, пропуская некоторые вызовы с определенной периодичностью. Задача обеих функций - не перегружать интерфейс и сервер, а также делать код более производительным. Видео: https://youtu.be/3IYQM0b48nU Файлы для работы: https://github.com/VasilyMur/JS-Debounce-Throttle

Всем привет! Выпускаю очередное короткое видео об использовании алиасов импорта в React. Настроив алиасы импорта, нам больше не придется "копать вглубь" папок при написании пути к нужному компоненту. То есть вместо такой записи: import Component from '../../../components/Component'; Мы сможем использовать алиас (@): import Component from '@/components/Component'; Видео: https://youtube.com/shorts/xoPm6wc9ilo?feature=share

Всем привет! Только что выпустил небольшое экспериментальное видео (в формате shorts), где показываю как использую библиотеку Styled Components в приложении React. Видео: https://youtube.com/shorts/jOb2kCxdsnE

Всем привет! Только что опубликовал на канале новое видео. Будем учиться создавать табы (вкладки) на чистом JavaScript. Для решения этой задачи мы будем работать с DOM деревом, чтобы динамически менять значения атрибутов HTML элементов. Мы также будем использовать переменные, стрелочные функции, циклы и события JS. Видео: https://youtu.be/Tg4qhQMwAf0 Файлы: https://github.com/VasilyMur/Tabs-JavaScript