WinterJS
WinterJS — это новая среда выполнения JavaScript, которая позиционируется как самая быстрая на сегодняшний день. Она разработана компанией Wasmer, известной своим проектом Wasmer Edge, который позволяет запускать WebAssembly на сервере.
👉 @sWebDev
WinterJS — это новая среда выполнения JavaScript, которая позиционируется как самая быстрая на сегодняшний день. Она разработана компанией Wasmer, известной своим проектом Wasmer Edge, который позволяет запускать WebAssembly на сервере.
👉 @sWebDev
👍4
Как в Node.js контролировать потребление памяти при обработке сетевых запросов
Статья рассказывает об использовании Node.js Streams и механизма Back Pressure протокола TCP для реализации пакетной обработки больших объемов данных на машинах с жестким лимитом памяти.
👉 @sWebDev
Статья рассказывает об использовании Node.js Streams и механизма Back Pressure протокола TCP для реализации пакетной обработки больших объемов данных на машинах с жестким лимитом памяти.
👉 @sWebDev
👍3❤1
Освойте создание формы входа на quazar и аутентификации пользователя на сайте
Приходите на бесплатный практический урок от OTUS, спикер Илья Нуруллин — FingerprintJS, Software engineer.
На вебинаре научимся использовать:
— quazar в качестве UI библиотеки;
— axios для запросов на сервер;
— composition API для реализации логики приложения;
— vue-router для клиентского роутинга.
Занятие пройдёт 16 апреля в 20:00 мск в рамках курса «Vue.js разработчик». Доступна рассрочка на обучение!
➡️ Для бесплатного участия и получения записи регистрируйтесь прямо сейчас: регистрация
Приходите на бесплатный практический урок от OTUS, спикер Илья Нуруллин — FingerprintJS, Software engineer.
На вебинаре научимся использовать:
— quazar в качестве UI библиотеки;
— axios для запросов на сервер;
— composition API для реализации логики приложения;
— vue-router для клиентского роутинга.
Занятие пройдёт 16 апреля в 20:00 мск в рамках курса «Vue.js разработчик». Доступна рассрочка на обучение!
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576 erid 2SDnjdYT7WRPlease open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Book Writing Animation
Пример реализации эффекта динамичного набора текста реализованный с помощью библиотеки typewriter-effect.
👉 @sWebDev
Пример реализации эффекта динамичного набора текста реализованный с помощью библиотеки typewriter-effect.
👉 @sWebDev
👍8🤔1
TanStack Query
TanStack Query – это библиотека для управления состоянием, которая значительно упрощает получение, кэширование и связывание данных при работе с API. Она также обладает отличной поддержкой TypeScript, что позволяет создавать полностью типизированные хуки для запросов данных.
👉 @sWebDev
TanStack Query – это библиотека для управления состоянием, которая значительно упрощает получение, кэширование и связывание данных при работе с API. Она также обладает отличной поддержкой TypeScript, что позволяет создавать полностью типизированные хуки для запросов данных.
👉 @sWebDev
👍5
Какие свойства возвращает useSWR при вызове?
Anonymous Quiz
46%
Data и loading.
21%
Data и mutate.
19%
Data и error.
14%
Data и refresh.
👎4👍3
Синхронная вставка элементов в DOM
Чем он отличается от других хуков:
Пример использования:
👉 @sWebDev
useInsertionEffect - это хук, который позволяет синхронно вставлять элементы в DOM перед срабатыванием эффектов layout. Чем он отличается от других хуков:
useEffect: срабатывает после layout и paint, что может привести к мерцанию при динамическом изменении стилей.useLayoutEffect: срабатывает синхронно перед layout, но может привести к повторным вычислениям layout, если стили вставляются во время рендеринга.Пример использования:
const useDynamicStyles = () => {
const [style, setStyle] = useState('');
useInsertionEffect(() => {
const styleElement = document.createElement('style');
styleElement.textContent = style;
document.head.appendChild(styleElement);
return () => {
document.head.removeChild(styleElement);
};
}, [style]);
return style;
};👉 @sWebDev
👍7👎3
Media is too big
VIEW IN TELEGRAM
React Smooth Section Navigator
Интерактивное приложение React, обеспечивающее плавную навигацию между разделами контента с помощью колеса или сенсорных жестов. Он использует анимацию GSAP для обеспечения плавных переходов и поведения ScrollTrigger.
👉 @sWebDev
Интерактивное приложение React, обеспечивающее плавную навигацию между разделами контента с помощью колеса или сенсорных жестов. Он использует анимацию GSAP для обеспечения плавных переходов и поведения ScrollTrigger.
👉 @sWebDev
👍6
Remult
Remult - это полнофункциональная CRUD-библиотека, основанная на TypeScript. Она использует ваши TypeScript-сущности как единый источник данных для API, типизированного по типам клиента API на стороне фронт-энда и ORM на стороне бэк-энда.
👉 @sWebDev
Remult - это полнофункциональная CRUD-библиотека, основанная на TypeScript. Она использует ваши TypeScript-сущности как единый источник данных для API, типизированного по типам клиента API на стороне фронт-энда и ORM на стороне бэк-энда.
👉 @sWebDev
👍3👎1
В IT получают больше 250к только те, кто умеют вести переговоры
Остальные сразу соглашаются на оффер, даже если он их не устраивает, потому что стесняются просить больше денег.
Если это про тебя, подписывайся на канал Выше вилки. Достаточно прочесть в нём хотя бы пару приёмов переговоров — и вы сможете увеличить свой доход на 30%.
Подписывайтесь: @above_the_range
реклама. рекламодатель ИП Шишков Илья Иванович ИНН: 575206903941
erid: 2VtzqvwpLr2
Остальные сразу соглашаются на оффер, даже если он их не устраивает, потому что стесняются просить больше денег.
Если это про тебя, подписывайся на канал Выше вилки. Достаточно прочесть в нём хотя бы пару приёмов переговоров — и вы сможете увеличить свой доход на 30%.
Подписывайтесь: @above_the_range
реклама. рекламодатель ИП Шишков Илья Иванович ИНН: 575206903941
erid: 2VtzqvwpLr2
Способы копирования объектов в JavaScript
Статья рассматривает различные способы копирования объектов в JavaScript.
👉 @sWebDev
Статья рассматривает различные способы копирования объектов в JavaScript.
👉 @sWebDev
👍3👎1
This media is not supported in your browser
VIEW IN TELEGRAM
Vue Todo List
Интерактивный список дел на Vue.js. Другой вариант реализации доступен по ссылке.
👉 @sWebDev
Интерактивный список дел на Vue.js. Другой вариант реализации доступен по ссылке.
👉 @sWebDev
👍5👎1
MistCSS
MistCSS - это новаторская библиотека, которая позволяет создавать атомарные компоненты React, используя только CSS. Она реализует концепцию "JS-из-CSS", где стили CSS напрямую преобразуются в компоненты React, без необходимости писать код JavaScript.
👉 @sWebDev
MistCSS - это новаторская библиотека, которая позволяет создавать атомарные компоненты React, используя только CSS. Она реализует концепцию "JS-из-CSS", где стили CSS напрямую преобразуются в компоненты React, без необходимости писать код JavaScript.
👉 @sWebDev
👍5👎1
Какие аргументы принимает useSyncExternalStore?
Anonymous Quiz
41%
store.subscribe и store.getSnapshot;
32%
store.data и store.updateData;
15%
store.url и store.apiKey;
13%
store.name и store.description.
👍5