Zod умер. Да здравствует ajv-ts
Zod — это библиотека проверки на уровне схемы с поддержкой типов Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Zod — это библиотека проверки на уровне схемы с поддержкой типов Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1😁1
Использование JavaScript Web Cryptography API для выполнения криптографических операций
Web Cryptography API предоставляет возможность выполнения криптографических операций, таких как генерация ключей, шифрование и расшифрование данных, непосредственно в браузере.
#полезное
Web Cryptography API предоставляет возможность выполнения криптографических операций, таких как генерация ключей, шифрование и расшифрование данных, непосредственно в браузере.
#полезное
👍7
React-lens — эффективное управление состоянием в приложениях в ReactJs
Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.
Как бы мы не хотели, всегда будут ограничения в вычислительных мощностях или человеческих ресурсах. Большую роль оказывает необходимость развивать и расширять свой продукт. Потому баланс задач по организации состояния может быть также разным: где-то нужно сделать упор на производительность, где-то на масштабируемость и т. д.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤2
Использование JavaScript WebGL для создания 3D-графики в браузере
WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.
#полезное
WebGL - это JavaScript API для рендеринга интерактивной 3D-графики в браузере без использования сторонних плагинов.
#полезное
👍3
Next.js App Router. Опыт использования. Путь в будущее или поворот не туда
Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Два года назад команда Next.js представила новый подход к роутингу, который должен был стать заменой так называемому Pages Router, вместе с тем добавив ряд принципиально нового функционала.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍5
Использование JavaScript Proxy для реализации валидации данных
Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных.
#полезное
Proxy позволяет перехватывать доступ к свойствам объекта и выполнять на них дополнительные действия, такие как валидация данных.
#полезное
👍4
Symbiote.js VS LitElement
Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Мотивация разработчиков библиотек и фреймворков для фронтенда может быть разной. И если вы, являясь таким разработчиком, хотите работать не “в стол” а с расчетом на какое-то признание и пользу для индустрии, вы должны четко понимать, что именно и зачем вы делаете. Если вы хотите сэкономить пользователям пару килобайт трафика или пару миллисекунд отклика - вам будет очень тяжело доказать миру, что ради этого стоит выбрать именно ваше решение. Люди выберут размер комьюнити, богатую экосистему и крупного вендора. Ваш набор аргументов должен быть достаточно веским, чтобы обратить на себя внимание. Сейчас я попытаюсь доказать, что при наличии такого решения как LitElement от гиганта индустрии Google, имеет смысл посмотреть в сторону Symbiote.js.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript WebRTC для реализации передачи потока данных в реальном времени
WebRTC (Web Real-Time Communication) позволяет веб-приложениям передавать аудио, видео и данные в реальном времени без необходимости установки дополнительных плагинов или расширений.
#полезное
WebRTC (Web Real-Time Communication) позволяет веб-приложениям передавать аудио, видео и данные в реальном времени без необходимости установки дополнительных плагинов или расширений.
#полезное
👍5
Скрытие POI за зданиями
C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
C 2018 года карта на 2gis.ru рендерится при помощи WebGL API для рисования трехмерной графики. Сначала мы в команде веб-карт использовали эту технологию просто как очень быструю рисовалку двухмерных данных с небольшими исключениями в виде 3D-домов и моделей.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
❤1
Использование JavaScript FormData для отправки формы с помощью AJAX
FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.
#полезное
FormData - это объект JavaScript, который позволяет легко собирать данные из формы и отправлять их на сервер с использованием AJAX-запроса.
#полезное
👍1
Видеоредактор, работа с видео и зачем там Canvas
Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.
Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Одной из задач, где мы в Ozon используем Canvas, является обработка видео. Для это у нас реализован минималистичный видеоредактор.
Современные устройства и браузеры развиваются достаточно быстро, но все-равно этого бывает недостаточно для задач со сложными вычислениями. К таким задачам можно отнести обработку видео.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Использование JavaScript Proxy для реализации обработчиков событий
Proxy может быть использован для создания оберток вокруг DOM-элементов, позволяя добавлять обработчики событий напрямую к элементам при установке свойств.
#полезное
Proxy может быть использован для создания оберток вокруг DOM-элементов, позволяя добавлять обработчики событий напрямую к элементам при установке свойств.
#полезное
Kysely.js типизированный sql builder
Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Kysely.js – это библиотека, позволяющая писать типизированные SQL запросы. Библиотека делает работу с SQL в вашем проекте более безопасной, избавляя от таких ошибок как опечатки в названиях колонок или таблиц и неправильное использование SQL операторов в коде (код не скомпилируется). Ко всему прочему она делает работу с SQL более удобной, предоставляя при написании запросов автодополнения для таблиц, колонок, алиасов и других сущностей. Kysely имеет незначительный слой абстракции над SQL для того чтобы можно было пользоваться всей мощью SQL и при этом не изучать множество дополнительных сущностей. Библиотека поддерживает MySQL, PostgreSQL, SQLite, PlanetScale, D3, SurrealDB и другие.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍2
Использование JavaScript SharedArrayBuffer для работы с разделяемой памятью между потоками
SharedArrayBuffer позволяет нескольким потокам JavaScript обмениваться данными напрямую без использования сообщений.
#полезное
SharedArrayBuffer позволяет нескольким потокам JavaScript обмениваться данными напрямую без использования сообщений.
#полезное
JavaScript. WebRTC. Соединение браузеров напрямую без сервера, peer-to-peer
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
WebRTC позволяет браузерам обмениваться информацией напрямую без сервера. Можно передавать видео, звук и данные.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Использование JavaScript Proxy для создания виртуальных объектов
Proxy может использоваться для создания виртуальных объектов, которые могут перехватывать доступ к свойствам и выполнять определенные действия при установке или чтении значений.
#полезное
Proxy может использоваться для создания виртуальных объектов, которые могут перехватывать доступ к свойствам и выполнять определенные действия при установке или чтении значений.
#полезное
👍2
Создаем мини-игру с капельным эффектом и движущимися кружками
В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
В первой части было сделано базовое перемещение кружочков по странице. А в сегодняшнем уроке мы сделаем анимацию “взрыва” и поглощения кружочков.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍4
Использование JavaScript Intl API для форматирования и интернационализации дат
Intl API предоставляет возможность форматировать даты в соответствии с различными языками и культурами.
#полезное
Intl API предоставляет возможность форматировать даты в соответствии с различными языками и культурами.
#полезное
👍4
Создание конвертера JSON в Typescript с помощью React, NodeJS и ChatGPT
Любой программист, часто работающий с API, может сэкономить массу времени, если использует ChatGPT для автоматизации преобразования JSON в интерфейсы Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Любой программист, часто работающий с API, может сэкономить массу времени, если использует ChatGPT для автоматизации преобразования JSON в интерфейсы Typescript.
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3
Использование JavaScript Canvas API для рисования графики на веб-странице
Canvas API предоставляет возможность рисовать графику на веб-странице с использованием JavaScript, что позволяет создавать различные визуальные эффекты и интер
#полезное
Canvas API предоставляет возможность рисовать графику на веб-странице с использованием JavaScript, что позволяет создавать различные визуальные эффекты и интер
#полезное
❤4
Создание мини игр и анимации в Online редакторе Collagen_2
Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа. Также вы его можете использовать для создания чатов в игровом формате или мини социальных игр в связке с node.js и sokcet.io
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
Collagen позволяет создавать тестовую анимацию управляемую с клавиатуры, имеется редактор уровней который позволяет создавать слои, перемещать камеру вида а также управлять анимацией персонажа. Также вы его можете использовать для создания чатов в игровом формате или мини социальных игр в связке с node.js и sokcet.io
#статья
❤️ Прожимай реакции, если нравится такой формат
👉 Читать статью
👍3