Продвинутые техники маршрутизации в Angular

В статье рассказывается о том, как использовать параметры маршрута в Angular для передачи данных в компоненты и для обеспечения гибкости и функциональности маршрутизации.

👉 @sWebDev

Директива для доступа к информации о компонентах

Директива ng-reflect в Angular добавляет к элементу атрибуты, которые предоставляют доступ к информации о компоненте, директиве или шаблоне, в котором используется элемент. Эта информация может быть полезна для отладки и тестирования. ng-reflect не имеет атрибутов или свойств. Она просто добавляет атрибуты с префиксом ng-reflect- к элементу.

Пример использования:

<div ng-reflect-myProperty="123" ng-reflect-myMethod="myMethod()">
</div>

В этом примере к элементу div будут добавлены атрибуты ng-reflect-myProperty и ng-reflect-myMethod. Атрибут ng-reflect-myProperty будет содержать значение свойства myProperty компонента, а атрибут ng-reflect-myMethod будет содержать функцию myMethod компонента.

👉 @sWebDev

Galaxy

Анимация черной дыры на Three.js.

👉 @sWebDev

Как React Hooks революционизировали функциональные компоненты

В статье рассказывается о том, как React Hooks упростили и улучшили функциональные компоненты React. Hooks позволяют использовать состояние и побочные эффекты в функциональных компонентах, что ранее было возможно только в классах. Это делает функциональные компоненты более мощными и гибкими, а также упрощает их тестирование.

👉 @sWebDev

P5.js

P5.js - это библиотека JavaScript для творческого программирования, которая упрощает создание интерактивных визуальных работ. Она основана на библиотеке Processing, которая широко используется в образовании и искусстве.

👉 @sWebDev

Самый простой способ создать свой первый пакет NPM

В статье автор рассказывает о том, как создать свой первый пакет NPM.

👉 @sWebDev

Click to Add Flowers

Интерактивный холст на Three.js.

👉 @sWebDev

Satisfying curly cursor

Интерактивный волнистый курсор на JavaScript.

👉 @sWebDev

MathJax

MathJax - это кросс-браузерная библиотека JavaScript, которая отображает математические обозначения в веб-браузерах с использованием разметки MathML, LaTeX и AsciiMathML. MathJax используется различными известными сайтами, включая ArXiv, Stack Overflow, Math Stack Exchange и Wikipedia.

👉 @sWebDev

Группировка элементов без создания нового элемента DOM

Чтобы улучшить производительность, можно использовать директиву Angular, которая позволяет группировать элементы без создания нового элемента DOM. Как называется эта директива?

👉 @sWebDev

Генератор библиографии из закладок браузера: как это работает

Туториал о том, как создать программу, которая преобразует закладки браузера в список библиографических ссылок.

Программа использует простой алгоритм, который извлекает из закладок браузера следующие данные: заголовок закладки, URL закладки и описание закладки. Затем программа создает библиографическую ссылку для каждой закладки и сохраняет ее в файле.

👉 @sWebDev

Реактивные объекты в Vue.js

Функция reactive() в Vue.js позволяет преобразовать обычный объект в реактивный. Реактивный объект - это объект, который отслеживает изменения своих свойств и уведомляет об этих изменениях. Принимает обычный объект в качестве аргумента и возвращает реактивный объект.

Например:

const obj = {
  name: "John Doe",
  age: 30,
};

const reactiveObj = reactive(obj);

Код создаст реактивный объект reactiveObj, который будет отслеживать изменения свойств name и age объекта obj.

reactive() также может принимать массив в качестве аргумента. В этом случае будет создан реактивный массив, который будет отслеживать добавление, удаление и изменение элементов массива. Например:

const arr = [1, 2, 3];

const reactiveArr = reactive(arr);

Получим реактивный массив reactiveArr, который будет отслеживать изменения элементов массива arr.

👉 @sWebDev

Untitled

Пример анимации текста в пространстве на Anime.js.

👉 @sWebDev

9 плохих привычек в React, от которых нужно избавиться

Статья о том, как писать более качественный React-код, избегая распространенных ошибок.

👉 @sWebDev

Radix Primitives

Это открытая библиотека компонентов пользовательского интерфейса (UI), написанная на основе React. Библиотека содержит набор низкоуровневых компонентов, которые могут быть использованы для создания высокопроизводительных, доступных и настраиваемых веб-приложений.

👉 @sWebDev