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

Отслеживаем находится ли пользователь в режиме ожидания в React Благодаря хуку useIdle можно отслеживать, находится ли пользователь на странице в режиме ожидания. В него передаются два параметра: ms – время ожидания и initialState, позволяющие изначально установить режим ожидания для пользователя. Например:

 import {useIdle} from 'react-use';
    const Demo = () => {
    const isIdle = useIdle(3e3);
    return (
            <div>
                <div>User is idle: {isIdle ? 'Yes' : 'Nope'}</div>
           </div>
        );
    };

👉 @sWebDev

Stepper Iteration with Anime JS Анимированный счетчик, выполненный с использованием библиотеки Anime.js. 👉 @sWebDev

React, всплывающие подсказки (tooltips), для самых маленьких По ссылке руководство, в котором мы пошагово рассмотрим как написать универсальный компонент для всплывающих подсказок на React и TypeScript. 👉 @sWebDev

🟡Хардкорный тест по JS — Ответьте на 19 вопросов и проверьте, насколько хорошо вы знаете язык. Сможете сдать — пройдёте на продвинутый онлайн-курс по React.js со скидкой! 🚀За 4 месяца вы научитесь продвинутым возможностям Redux, Redux-Saga, Redux-thunk; созданию SPA-приложений и оптимизации их для production; чистому и лаконичному коду с TypeScript; применению интеграционных и юнит-тестов; работе в GraphQL, Apollo, Relay. 👉🏻ПРОЙТИ ТЕСТ ОНЛАЙН-КУРСА ПО REACT.JS Курс доступен в рассрочку. Реклама. Информация о рекламодателе на сайте www.otus.ru

Modal Библиотека для Vue.js, которая добавляет в ваше приложение гибкое использование модальных окон. Подробный обзор доступен по ссылке 👉 @sWebDev

Можно ли добавить родительский тег в React? Можно ли добавить родительский тег к элементам JSX без добавления дополнительного узла к DOM? 👉 @sWebDev

Яндекс Карты и React Native. Часть 2. HUD и методы карты В прошлой статье из этого цикла мы устанавливали Яндекс Карты в наш проект и добавляли туда примитивы. В этой статье речь пойдет о взаимодействии с картой и наложение HUD на карту. Работать будем с тем, что у нас получилось в предыдущей части. 👉 @sWebDev

Слайдер на Anime.js Проект анимированного слайдера, выполненного с применением библиотеки Anime.js. 👉 @sWebDev

Как работать с формами в React❓ 🚀Узнайте на открытом уроке 20 февраля в 20:00 мск онлайн-курса «React.js Developer» в OTUS. На занятии вместе с практикующим экспертом мы рассмотрим хорошие практики обработки форм со сложным состоянием. Вебинар «Работа с формами» рассчитан на JavaScript-разработчиков с навыками HTML/CSS, Backend-разработчиков, желающих стать Fullstack и начинающих React-разработчиков. 👉 Пройдите вступительный тест и зарегистрируйтесь на урок https://otus.pw/kPOqK/ Реклама. Информация о рекламодателе на сайте otus.ru

Openlayers Добавление анимированных карт в ваше Vue-приложение возможно благодаря Openlayers. Создавать карты можно растровыми или векторными слоями. Подробный обзор доступен по ссылке. 👉 @sWebDev

Яндекс Карты и React Native. Часть 1. Установка и примитивы В этой статье рассмотрим начало работы с Яндекс Картами для React Native и базовые примеры того, что можно сделать с этой библиотекой. 👉 @sWebDev

Ducky Twitch Alerts Забавное всплывающее окно с уткой, сделанное с использованием библиотеки Anime.js. 👉 @sWebDev

Определение сервисов в Angular Angular сервис - это обычный класс, используемый в контексте Angular для хранения глобального состояния приложения или в качестве поставщика данных. Сервисы могут быть определены на уровне приложения, модуля или компонента. Уровень приложения: @Injectable({providedIn: 'root'}) Уровень модуля: @Injectable({providedIn: AccountsModule}) Уровень компонента:

     @Component({
    selector: 'accounts-list',
    providers: [AccountsHttpService],
    template: <div>My accounts</div>
  })

👉 @sWebDev

Interactive Milk Необычная анимация наливающегося молока, выполненная с применением библиотеки Matter.js. 👉 @sWebDev

Сравнение React и Vue: что общего и в чём разница по версии ChatGPT Фреймворки сравнивают постоянно разные авторы. Узнаем, что о них думает нашумевшая ChatGPT. 👉 @sWebDev

Vuejs Todo List Анимированный список дел, выполненный на Vue.js. 👉 @sWebDev

Управление Состоянием В React С Помощью MobX MobX — библиотека, упрощающая управление состоянием за счёт применения функционального реактивного программирования. Рассмотрим, как использовать MobX в качестве библиотеки для управления состоянием React приложений. 👉 @sWebDev

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

Для тех кто просил, канал с бесплатным обучением Frontend👇 https://t.me/+yvyvaKUh2LhmNDli