Яндекс Карты и React Native. Часть 1. Установка и примитивы

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

👉 @sWebDev

Openlayers

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

👉 @sWebDev

Слайдер на Anime.js

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

👉 @sWebDev

Яндекс Карты и React Native. Часть 2. HUD и методы карты

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

👉 @sWebDev

Можно ли добавить родительский тег в React?

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

👉 @sWebDev

Modal

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

👉 @sWebDev

React, всплывающие подсказки (tooltips), для самых маленьких

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

👉 @sWebDev

Stepper Iteration with Anime JS

Анимированный счетчик, выполненный с использованием библиотеки Anime.js.

👉 @sWebDev

Отслеживаем находится ли пользователь в режиме ожидания в 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

Анимированный фон Three.js

Анимированный фон, выполненный с применением библиотеки Three.js.

👉 @sWebDev

Нестандартный подход в разработке: как мы интегрировали React с «Битрикс»

Опыт разработчиков INDEXIS, которые применили нестандартный подход в разработке - интеграцию "Битрикс" и React. В статье рассмотрим процесс интеграции и его особенности.

👉 @sWebDev

Goodshare.js

Библиотека, которая позволяет настроить гибкий функционал обмена ссылками в социальных сетях и мессенджерах. Подробный обзор по ссылке.

👉 @sWebDev

Цветовая палитра

Цветовая палитра, выполненная на HTML,CSS и React.js.

👉 @sWebDev

Vue Toastification

Библиотека для Vue.js, позволяющая настроить красивые уведомления на сайте. Поддержка RTL, смахивание для закрытия, определение поведения и другие функции. Узнать подробнее можно по ссылке.

👉 @sWebDev

Подборка материалов для погружения в Angular: выбор сотрудников Selectel

При построении веб-сервисов фронтенд-разработчики Selectel используют Angular — один из топ-фреймворков с высокой скоростью разработки и низким порогом вхождения. Но несмотря на последнее, во время изучения могут возникнуть трудности с потоками, отписками и другими абстракциями. В статье разработчики делятся полезными ресурсами, которые помогут в освоении Angular.

👉 @sWebDev

Удаление пробелов на Vue.js

Вам нужно автоматически удалять пробелы в начале и конце строки, каким модификатором для этого нужно воспользоваться ?

👉 @sWebDev

Framer motion hamburger

Проект с кнопкой меню-бургера, выполненный на CSS и React.js.

👉 @sWebDev

В ритмах React'a: руководство по созданию аудиоплеера

Будь вы новичок или опытный разработчик, это исчерпывающее руководство шаг за шагом проведет вас через процесс создания собственного аудиоплеера с помощью популярной JavaScript-библиотеки React.

👉 @sWebDev