Биндинг данных в React

Материал в котором рассмотрим, как работать с разными элементами ввода и каких ошибок при этом стоит избегать.

👉 @sWebDev

Three JS background

Анимированный бэкграунд, выполненный с помощью библиотеки Three.js.

👉 @sWebDev

Удаляем пробелы на Vue.js

Если необходимо, чтобы автоматически обрезались пробелы в начале и в конце строки, используйте модификатор trim для полей ввода, обрабатываемых через v-model:

<input v-model.trim="msg">

👉 @sWebDev

SVG clock UI

Часы, выполненные на Gsap.js.

👉 @sWebDev

Задачи, тесты и теоретические вопросы с собеседований. Можно быстро проверить себя и обсудить решение с другими разработчиками.

👉 JavaScript
👉 Фронтенду

Публикуем на канале:
⚡️ребята делятся опытом разработки
⚡️фрагменты кода
⚡️интересные задачи с разбором решений
⚡️тренды разработки
⚡️свежие новости

Проверь свои знания!

Полное руководство по тестированию 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