Какой из следующих методов можно использовать для реализации якоря в React?
Anonymous Quiz
14%
ref.scroll()
7%
ref.make.scroll()
67%
ref.current.scrollIntoView()
11%
scrollBy(0, y)
🔥5👍1👎1
WebAssembly: короткий обзор ассемблера для фронтенда
В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssembly, как работает и с чем её едят.
👉 @sWebDev
В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssembly, как работает и с чем её едят.
👉 @sWebDev
👍5
Настройка ссылки, возвращаемой компонентом при использовании хука useRef()
Хук React, который позволяет настроить ссылку, возвращаемую компонентом при использовании хука
При использовании
Например, следующий код создает компонент, который возвращает кнопку с настраиваемой функцией фокусировки:
👉 @sWebDev
Хук React, который позволяет настроить ссылку, возвращаемую компонентом при использовании хука
useRef()
.При использовании
useRef()
по умолчанию ссылка возвращает экземпляр компонента, к которому она прикреплена. Однако иногда требуется вернуть другой объект или функцию. Для этого можно использовать useImperativeHandle()
.Например, следующий код создает компонент, который возвращает кнопку с настраиваемой функцией фокусировки:
function FancyButton(props, ref) {
const buttonRef = useRef();
useImperativeHandle(ref, () => ({
focus() {
buttonRef.current.focus();
},
}));
return (
<button ref={ref}>
Fancy Button
</button>
);
}
👉 @sWebDev
👍9❤1
Современный подход к созданию Angular-приложений
Статья о современном подходе к разработке на Angular с использованием
👉 @sWebDev
Статья о современном подходе к разработке на Angular с использованием
Bit.io
, что позволяет разработчикам централизованно хранить компоненты и в следствии упрощает их совместное использование и разработку.👉 @sWebDev
👍4
Spectral.js
Spectral.js — это библиотека смешивания цветов, которая учитывает свойства света.
Если вы смешиваете два цвета с помощью простых значений RGB, вы можете получить некрасивые промежуточные цвета.
👉 @sWebDev
Spectral.js — это библиотека смешивания цветов, которая учитывает свойства света.
Если вы смешиваете два цвета с помощью простых значений RGB, вы можете получить некрасивые промежуточные цвета.
👉 @sWebDev
🔥7
Частично управляемые компоненты React: шаблон проектирования для предоставления пользователю контроля над состоянием компонента
В статье рассматриваются различные варианты реализации частично управляемых компонентов, а также их преимущества и недостатки. Автор предлагает новый API для частично управляемых компонентов, который позволяет разработчикам более явно определять, какие аспекты состояния компонента должны быть под контролем пользователя.
👉 @sWebDev
В статье рассматриваются различные варианты реализации частично управляемых компонентов, а также их преимущества и недостатки. Автор предлагает новый API для частично управляемых компонентов, который позволяет разработчикам более явно определять, какие аспекты состояния компонента должны быть под контролем пользователя.
👉 @sWebDev
👍5❤1🥰1
AutoLayout.js
AutoLayout.js - это библиотека для автоматического размещения элементов на странице в JavaScript. Она основана на системе Auto Layout, используемой в iOS и macOS.
👉 @sWebDev
AutoLayout.js - это библиотека для автоматического размещения элементов на странице в JavaScript. Она основана на системе Auto Layout, используемой в iOS и macOS.
👉 @sWebDev
👍4❤1
Назначение useMutableSource в React
Какой из следующих вариантов является правильным описанием того, что делает хук
👉 @sWebDev
Какой из следующих вариантов является правильным описанием того, что делает хук
useMutableSource
?👉 @sWebDev
👍4
Какой из следующих вариантов является правильным описанием того, что делает хук useMutableSource?
Anonymous Quiz
52%
useMutableSource позволяет React компонентам безопасно читать из изменяемого источника данных.
25%
useMutableSource позволяет React компонентам безопасно писать в изменяемый источник данных.
13%
useMutableSource позволяет React компонентам безопасно читать из неизменяемого источника данных.
10%
useMutableSource позволяет React компонентам безопасно писать в неизменяемый источник данных.
👍5🤯1
Vue 3: как проверить, является ли слот пустым
Статья о том, как проверить, является ли слот в Vue 3 пустым. В Vue 2 это можно было сделать, используя свойство
👉 @sWebDev
Статья о том, как проверить, является ли слот в Vue 3 пустым. В Vue 2 это можно было сделать, используя свойство
slot.length
, но в Vue 3 это свойство больше не существует. Вместо этого можно использовать функцию vNodeIsEmpty()
, которая принимает в качестве аргумента объект vnode
и возвращает true, если объект пустой.👉 @sWebDev
👍10🥰1
Angular: редактируемое содержание элементов
Директива
Директива может принимать следующие свойства:
Пример использования:
👉 @sWebDev
Директива
ng-content-editable
позволяет редактировать содержимое элемента. Она добавляет к элементу атрибут contenteditable
со значением true
, что делает его редактируемым.Директива может принимать следующие свойства:
readonly
- задает, является ли элемент редактируемым только для чтения. По умолчанию значение равно false
.disabled
- задает, является ли элемент редактируемым. По умолчанию значение равно false
.spellcheck
- задает, следует ли проверять текст на наличие орфографических ошибок. По умолчанию значение равно true
.Пример использования:
<div ng-content-editable>
Это содержимое можно редактировать
</div>
👉 @sWebDev
👍5
This media is not supported in your browser
VIEW IN TELEGRAM
Ghost Mouse (move your mouse / finger)
Анимация приведения привязанная к курсору на Three.js.
👉 @sWebDev
Анимация приведения привязанная к курсору на Three.js.
👉 @sWebDev
👍5
Как определять направление прокрутки в React
Статья рассказывает о том, как определять направление прокрутки в React. У фреймворка нет встроенного способа сделать это, поэтому нужно использовать сторонний пакет. В статье рассматривается пакет scroll-direction, который позволяет определять направление прокрутки с помощью хуков
👉 @sWebDev
Статья рассказывает о том, как определять направление прокрутки в React. У фреймворка нет встроенного способа сделать это, поэтому нужно использовать сторонний пакет. В статье рассматривается пакет scroll-direction, который позволяет определять направление прокрутки с помощью хуков
useState
и useEffect
.👉 @sWebDev
👍3
LLM.js
LLM.js - это библиотека JavaScript, которая позволяет использовать большие языковые модели (LLM) в веб-приложениях.
👉 @sWebDev
LLM.js - это библиотека JavaScript, которая позволяет использовать большие языковые модели (LLM) в веб-приложениях.
👉 @sWebDev
🥰4🤔2
React-разработка интерфейса: создание визуализаций в реальном времени с помощью Codux
Статья рассказывает о том, как использовать библиотеку Codux для создания интерактивных и динамических визуализаций в приложениях React. Codux предоставляет набор компонентов и функций, которые упрощают создание сложных графиков, диаграмм и других визуальных элементов.
👉 @sWebDev
Статья рассказывает о том, как использовать библиотеку Codux для создания интерактивных и динамических визуализаций в приложениях React. Codux предоставляет набор компонентов и функций, которые упрощают создание сложных графиков, диаграмм и других визуальных элементов.
👉 @sWebDev
❤5🥰2