Frontender Libs - обзор библиотек JS / CSS

Basketball Hoop Loop Проект с анимацией вращающегося баскетбольного мяча, выполненный на GSAP.js. 👉 @sWebDev

Rough.js Rough.js - это библиотека для создания рисунков в стиле черновика на веб-страницах. Она предоставляет набор инструментов для создания линий, графиков и других элементов, которые могут имитировать рисунки в стиле черновика или ручной работы. Будет полезной для создания интерактивных графиков и иллюстраций. 👉 @sWebDev

Как использовать React в приложениях Angular React в приложениях Angular может понадобится в двух случаях: в экосистеме React есть компонент, на разработку которого, вероятно, уйдут недели, например компонент Timeline; cотрудничество с компанией, использующей React, которой необходимо интегрировать его в существующее приложение; В этой статье рассмотрим, как интегрировать React в обоих сценариях. 👉 @sWebDev

Как узнать была ли прокрутка элемента React? У вас есть функционал, который работает после прокрутки элемента. Как узнать совершена прокрутка или нет? Напоминаем, что у React для этого есть хук, какой? 👉 @sWebDev

🚀Не время стоять на месте! Пора прокачать свои навыки в JavaScript-разработке! Если вы хотите перейти в fullstack-направление, приходите 17 марта в 20:00 на открытый урок онлайн-курса «JavaScript Developer. Professional» в OTUS. Арсений Высоцкий, тимлид в большой международной компании, проведет вебинар «Клиенты реляционных баз данных». На занятии мы обсудим ORM и типизированные библиотеки формирования SQL-запросов. 👉🏻Для регистрации на занятие пройдите вступительный тест https://otus.pw/UuMq/ Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

ERROR Вариант оформления страницы с ошибкой, выполненный на GSAP.js. 👉 @sWebDev

Angular — API композиции директив Композиция директив очень похожа на паттерн Компоновщик Composite. Он входит в семейство Структурных паттернов программирования, которые отвечают за создание удобных объектов. В этой статье разберемся с API композиции директив Directive composition API в Angular. 👉 @sWebDev

Tone.js Tone.js представляет собой инструмент для создания и управления звуковыми эффектами и аудиофайлами в веб-приложениях. Предоставляет мощный набор инструментов и функций для создания музыкальных произведений и звуковых эффектов в реальном времени. Tone.js имеет легкую структуру и открытый исходный код, что делает ее доступной для разработчиков всех уровней. 👉 @sWebDev

Создание компонентов Vue 3 с помощью Tailwind CSS Рассмотрим руководство по использованию Tailwind CSS для создания компонентов Vue 3. 👉 @sWebDev

Controlled Clock Управляемые часы, выполненные с применением библиотеки Anime.js. 👉 @sWebDev

Рендерим элементы Vue на основе булевого значения Vue директива v-if позволяет условно рендерить элементы на основе значения булевой переменной. Пример кода:

        <template>
        <div>
            <p v-if="showText">This text will only show if showText is true.</p>
        </div>
        </template>

        <script>
        export default {
        data() {
            return {
            showText: true
            };
        }
        }
        </script>

👉 @sWebDev

Greensock SVG Search Animation Забавная анимация загрузки, выполненная на GSAP.js. 👉 @sWebDev

Графики и чарты на React c использованием Recharts Год назад мы рассказывали о библиотеке Recharts. В данной статье пошагово рассмотрим её использование в паре с React. 👉 @sWebDev

🏆Снова в топе! Крупнейшая сетка IT-каналов в СНГ запустила свой новый проект, который поставил рекорд прироста за сутки. 📱Вспоминаем их самые популярные проекты: Secret IT Jobs | ИТ вакансии для своих — проект, после появления которого закрылось несколько HR-агентств. Вакансии на удалённую работу с высокими зарплатами. Python | Программирование на питоне — канал, на котором выросло больше 10 тысяч айтишников. Объясняют сложные задачи простым языком. English for IT — первый конкурент всех школ по английскому. Помогают быстро и бесплатно выучить язык с уклоном на работу в айти. BUBBLE — подборка бесплатных сервисов для облегчения рутины. Придумал стартап и хочешь реализовать? Скорее всего про него давно есть пост в баббле.

Float-menu Библиотека для Vue.js, которая предоставляет возможность добавления плавающего меню. Имеет гибкую настройку: перетаскивание, размещение, определение края экрана и вращение. Узнать все возможности библиотеки можно по ссылке. 👉 @sWebDev

Ты фронтендщик или фронтендер? Без разницы! Канал Mood:Fronted подходит для всех — он пропитан Фронтенд разработкой: лучшие советы, лайфхаки, статьи и мемчики. Ждём тебя: @mood_front

Как отследить находится ли пользователь в режиме ожидания React? В вашем приложении заложен функционал, который должен срабатывать при нахождении пользователя в режиме ожидания. Каким хуком нужно воспользоваться, для отслеживания данного состояния? 👉 @sWebDev

Виджет рейтинга на GSAP Анимированный рейтинг, выполненный с применением библиотеки GSAP.js. 👉 @sWebDev