Полное руководство по тестированию AngularJS

По ссылке подробное руководство по тестированию AngularJS. Начнем знакомство с основ и завершим преимуществами и разными методологиями при тестировании.

👉 @sWebDev

Возможно ли использование контекста в React?

В большинстве случаев в React данные передаются от родителя к дочернему компоненту при помощи пропсов. Случается, что данный подход может быть громоздким, например из-за языка или UI-темы. Можно ли в такой ситуации использовать контекст в React?

👉 @sWebDev

Календарь на Vue.js

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

👉 @sWebDev

Transloco

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

👉 @sWebDev

Управление Состоянием В React С Помощью MobX

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

👉 @sWebDev

Vuejs Todo List

Анимированный список дел, выполненный на Vue.js.

👉 @sWebDev

Сравнение React и Vue: что общего и в чём разница по версии ChatGPT

Фреймворки сравнивают постоянно разные авторы. Узнаем, что о них думает нашумевшая ChatGPT.

👉 @sWebDev

Interactive Milk

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

👉 @sWebDev

Определение сервисов в Angular

Angular сервис - это обычный класс, используемый в контексте Angular для хранения глобального состояния приложения или в качестве поставщика данных.
Сервисы могут быть определены на уровне приложения, модуля или компонента.

Уровень приложения:
@Injectable({providedIn: 'root'})

Уровень модуля:
@Injectable({providedIn: AccountsModule})

Уровень компонента:

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

👉 @sWebDev

Ducky Twitch Alerts

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

👉 @sWebDev

Яндекс Карты и 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