Использование JavaScript Intersection Observer API для отслеживания видимости элементов на странице
Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.
#полезное
Intersection Observer API позволяет отслеживать, когда целевые элементы входят или выходят из видимой области окна браузера или другого элемента.
#полезное
👍1
Переход с Vue-CLI на Vite: ускоряем разработку Vue 3
Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных приложений. Одним из новых инструментов в арсенале Vue 3 является Vite - быстрый и легковесный бандлер, который значительно упрощает процесс разработки и ускоряет сборку проекта. В этой статье мы рассмотрим, как перейти от стандартного подхода с использованием Vue-CLI и Webpack к более продвинутому и эффективному методу работы с помощью Vite.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
🫡1
Использование JavaScript Typed Arrays для работы с бинарными данными
Typed Arrays позволяют эффективно работать с бинарными данными, такими как изображения, звуки или сетевые пакеты.
#полезное
Typed Arrays позволяют эффективно работать с бинарными данными, такими как изображения, звуки или сетевые пакеты.
#полезное
👍3
Визуализация алгоритмов поиска пути на Svelte: Практические заметки
В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В этом посте делюсь опытом разработки на Svelte, демонстрируя это на моем пет-проекте.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript Fetch API для выполнения запросов к серверу
Fetch API предоставляет простой способ выполнения HTTP-запросов и обработки полученных данных в формате JSON.
#полезное
Fetch API предоставляет простой способ выполнения HTTP-запросов и обработки полученных данных в формате JSON.
#полезное
👍3
Zod умер. Да здравствует ajv-ts
Zod — это библиотека проверки на уровне схемы с поддержкой типов Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Zod — это библиотека проверки на уровне схемы с поддержкой типов Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript Web Cryptography API для выполнения криптографических операций
Web Cryptography API предоставляет возможность выполнения криптографических операций, таких как генерация ключей, шифрование и расшифрование данных, непосредственно в браузере.
#полезное
Web Cryptography API предоставляет возможность выполнения криптографических операций, таких как генерация ключей, шифрование и расшифрование данных, непосредственно в браузере.
#полезное
👍2
React-lens — эффективное управление состоянием в приложениях в ReactJs
Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript WebGL для создания 3D-графики в браузере
WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.
#полезное
WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.
#полезное
👍2
Next.js App Router. Опыт использования. Путь в будущее или поворот не туда
Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript Proxy для реализации валидации данных
Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных.
#полезное
Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных.
#полезное
👍3
Symbiote.js VS LitElement
Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Интересные трюки JS
Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Небольшая подборка нестандартных вариантов использования HTML/JS/CSS, где каждый найдёт что-то интересное. Если информация окажется полезной, будем собирать эти хаки на постоянной основе и публиковать по мере накопления.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с Promise
Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами.
#полезное
Этот код создает и использует промис для асинхронной обработки данных и управления успешными и неуспешными результатами.
#полезное
👍2
Service Workers против медленного интернета: Кэширование и улучшение UX
Плохой интернет, когда нужно загрузить картинку весом как чугунный мост. В эпоху очень быстрого интернета мы стали забывать о том, что в некоторых локациях нашего мира нет хорошей сети (например, когда вы едете в поезде по нашей необъятной стране). Эту проблему довольно хорошо решают Service Workers, о которых я вам сейчас расскажу.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Плохой интернет, когда нужно загрузить картинку весом как чугунный мост. В эпоху очень быстрого интернета мы стали забывать о том, что в некоторых локациях нашего мира нет хорошей сети (например, когда вы едете в поезде по нашей необъятной стране). Эту проблему довольно хорошо решают Service Workers, о которых я вам сейчас расскажу.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Манипуляция стилями CSS
Этот код позволяет изменять стили элементов страницы динамически с использованием JavaScript.
#полезное
Этот код позволяет изменять стили элементов страницы динамически с использованием JavaScript.
#полезное
👍1
Fusor vs React
Моя работа состоит в написании кода на React. Несмотря на то, что мне нравится React, при разработке на нем я столкнулся с некоторыми его недостатками. В связи с этим, я решил создать свою библиотеку, Fusor, чтобы исправить эти недостатки и вот что из этого получилось.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Моя работа состоит в написании кода на React. Несмотря на то, что мне нравится React, при разработке на нем я столкнулся с некоторыми его недостатками. В связи с этим, я решил создать свою библиотеку, Fusor, чтобы исправить эти недостатки и вот что из этого получилось.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с регулярными выражениями (RegExp)
Регулярные выражения позволяют проверять и извлекать текст, соответствующий определенным шаблонам.
#полезное
Регулярные выражения позволяют проверять и извлекать текст, соответствующий определенным шаблонам.
#полезное
👍1
Next JS и Nginx
Решил сделать небольшую инструкцию как запустить проект Next JS на сервере. Я использовал Ubuntu 22.04 и Nginx.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Решил сделать небольшую инструкцию как запустить проект Next JS на сервере. Я использовал Ubuntu 22.04 и Nginx.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Работа с Web-сокетами (WebSockets)
Этот код демонстрирует, как устанавливать WebSockets-соединение с сервером, отправлять и получать сообщения в режиме реального времени. WebSockets широко используются для создания интерактивных и мгновенных веб-приложений.
#полезное
Этот код демонстрирует, как устанавливать WebSockets-соединение с сервером, отправлять и получать сообщения в режиме реального времени. WebSockets широко используются для создания интерактивных и мгновенных веб-приложений.
#полезное
👍2❤1