DeepL.js
DeepL.js - это библиотека JavaScript, которая позволяет использовать API машинного перевода DeepL в веб-приложениях.
Библиотека предназначена для использования в Node.js. Однако также может быть использована в веб-приложениях, если она подключена в качестве модуля CommonJS.
👉 @sWebDev
DeepL.js - это библиотека JavaScript, которая позволяет использовать API машинного перевода DeepL в веб-приложениях.
Библиотека предназначена для использования в Node.js. Однако также может быть использована в веб-приложениях, если она подключена в качестве модуля CommonJS.
👉 @sWebDev
👍3😁1
Использование useState() для создания динамического состояния
Как можно использовать хук
👉 @sWebDev
Как можно использовать хук
useState()
для создания динамического состояния, которое может изменяться в зависимости от внешних факторов?👉 @sWebDev
👍6
Как можно использовать хук useState() для создания динамического состояния, которое может изменяться в зависимости от внешних факторов?
Anonymous Quiz
21%
Используя хук useReducer() для управления состоянием компонента с помощью редусера.
9%
Используя хук useMemo() для кэширования результата вычисления.
58%
Используя хук useEffect() для получения данных из внешнего источника или элемента DOM.
12%
Используя хук useRef() для создания глобального или локального референцируемого объекта.
👍4👎1
Использование SVG-иконок в React
Статья рассказывает о том, как использовать SVG-иконки в приложениях React. SVG-иконки являются векторными изображениями, что означает, что они могут быть масштабированы без потери качества. Они также являются более легкими, чем растровые иконки, что может улучшить производительность вашего приложения.
👉 @sWebDev
Статья рассказывает о том, как использовать SVG-иконки в приложениях React. SVG-иконки являются векторными изображениями, что означает, что они могут быть масштабированы без потери качества. Они также являются более легкими, чем растровые иконки, что может улучшить производительность вашего приложения.
👉 @sWebDev
❤8😁1
Группировка элементов без создания нового элемента DOM
Директива
В этом примере два элемента
Пример использования директивы
👉 @sWebDev
Директива
ng-container
в Angular позволяет группировать элементы без создания нового элемента DOM. Это может быть полезно для организации кода или создания более сложных макетов. Директива не имеет атрибутов или свойств. Она просто группирует элементы, расположенные внутри нее.В этом примере два элемента
div
будут объединены в один контейнер:<ng-container>
<div>Это первый элемент</div>
<div>Это второй элемент</div>
</ng-container>
Пример использования директивы
ng-container
для создания плавающих элементов:<div>
<ng-container [style.float]="float">
<p>Этот текст будет плавать</p>
</ng-container>
<ng-container [style.float]="'right'">
<p>Этот текст будет плавать справа</p>
</ng-container>
</div>
👉 @sWebDev
🔥4
Media is too big
VIEW IN TELEGRAM
3D Little Bakery
Небольшая трехмерная пекарня, созданная с использованием библиотеки Three.js.
👉 @sWebDev
Небольшая трехмерная пекарня, созданная с использованием библиотеки Three.js.
👉 @sWebDev
👍7👏1
Полиморфизм в React: 2 паттерна, которые вы должны знать
Статья рассказывает о полиморфизме в React. Полиморфизм - это способность объекта выполнять действия в зависимости от его типа. В React полиморфизм можно использовать для того, чтобы создавать компоненты, которые могут обрабатывать различные типы данных.
👉 @sWebDev
Статья рассказывает о полиморфизме в React. Полиморфизм - это способность объекта выполнять действия в зависимости от его типа. В React полиморфизм можно использовать для того, чтобы создавать компоненты, которые могут обрабатывать различные типы данных.
👉 @sWebDev
🥰5👍3😁2
Media is too big
VIEW IN TELEGRAM
React-magic-motion
React-magic-motion - это библиотека для создания анимированных компонентов React. Она основана на библиотеке framer-motion и предоставляет простой и удобный способ создания различных видов анимаций.
👉 @sWebDev
React-magic-motion - это библиотека для создания анимированных компонентов React. Она основана на библиотеке framer-motion и предоставляет простой и удобный способ создания различных видов анимаций.
👉 @sWebDev
👍10
This media is not supported in your browser
VIEW IN TELEGRAM
Code ready — лучшие подборки эффектов, анимаций и многое другое для твоих проектов, сразу с готовым кодом и примером их использования.
Please open Telegram to view this post
VIEW IN TELEGRAM
Полное руководство по использованию cookies в Next.js
Статья о том, как использовать cookies в Next.js. В ней рассматривается как читать, записывать и управлять cookies.
👉 @sWebDev
Статья о том, как использовать cookies в Next.js. В ней рассматривается как читать, записывать и управлять cookies.
👉 @sWebDev
👍6👎1
i18n.js
i18n-js - это библиотека для локализации приложений на JavaScript. Она предоставляет простой и удобный способ переводить текст, даты, числа и другие элементы интерфейса на разные языки.
👉 @sWebDev
i18n-js - это библиотека для локализации приложений на JavaScript. Она предоставляет простой и удобный способ переводить текст, даты, числа и другие элементы интерфейса на разные языки.
👉 @sWebDev
👍9
Настройка ссылки, возвращаемой компонентом при использовании хука useRef()
Какой из следующих вариантов является правильным описанием того, что делает хук
👉 @sWebDev
Какой из следующих вариантов является правильным описанием того, что делает хук
useImperativeHandle()
?👉 @sWebDev
👍5
Какой из следующих вариантов является правильным описанием того, что делает хук useImperativeHandle()?
Anonymous Quiz
25%
Отслеживает зависимости для настраиваемого объекта или функции, возвращаемой компонентом.
23%
Возвращает настраиваемый объект или функцию из компонента.
26%
Возвращает ссылку на экземпляр компонента, к которому он прикреплен.
25%
Обновляет ссылку, возвращаемую компонентом при использовании хука useRef().
👍4
React.memo на самом деле хорош
Статья рассказывает о том, что React.memo - это эффективный инструмент для улучшения производительности React-приложений. Он может использоваться для оптимизации React-приложений, предотвращая повторный рендеринг компонентов, которые не зависят от своих props или имеют небольшое количество props.
👉 @sWebDev
Статья рассказывает о том, что React.memo - это эффективный инструмент для улучшения производительности React-приложений. Он может использоваться для оптимизации React-приложений, предотвращая повторный рендеринг компонентов, которые не зависят от своих props или имеют небольшое количество props.
👉 @sWebDev
👍7🔥2
Циклическое отображение элементов массива
Синтаксис:
Параметры:
Дополнительные параметры:
👉 @sWebDev
ngForOf
- директива Angular, которая позволяет циклически отображать элементы массива. Директива добавляет в DOM один или несколько элементов для каждого элемента массива.Синтаксис:
<ul *ngFor="let item of items">
<li>{{item}}</li>
</ul>
Параметры:
item
- переменная, которая будет содержать текущий элемент массива.items
- массив, элементы которого будут отображаться.Дополнительные параметры:
index
- переменная, которая будет содержать индекс текущего элемента массива.first
- флаг, который указывает, является ли текущий элемент первым в массиве.last
- флаг, который указывает, является ли текущий элемент последним в массиве.👉 @sWebDev
👍7