#библиотека_javascript — Public Fediverse posts

Первая в мире библиотека Web Components в духе shadcn. Серьёзно, я проверял

Первая в мире библиотека Web Components в духе shadcn/ui Насколько я проверил — это первая подобная библиотека для Web Components. Если ошибаюсь — поправьте в комментах! 🤓 Let's get it

https://habr.com/ru/articles/972038/

#webcomponents #ui #uikit #unstyled #библиотека_javascript #frontendразработка #webразработка #готовые_решения #javascript #shadcn

Virtual Mirror Library — Библиотека виртуального макияжа и онлайн примерки аксессуаров

Виртуальное зеркало: Создала сама, делюсь с вами! Привет! Меня зовут Аня, и я фанат e-commerce. В прошлый раз мы говорили о визуальном поиске, а сегодня я хочу рассказать о своей гордости — библиотеке виртуального зеркала . Ещё год назад, когда готовые решения были редкостью, я решила выяснить, как работает виртуальная примерка. Результат? Моя собственная библиотека , которая позволяет примерить косметику и аксессуары в реальном времени или на фото .

https://habr.com/ru/articles/916332/

#javascript #canvas #frontendразработка #ecommerce #маркетинг #backend #библиотека_javascript #разработка #development #makeup

Интерактивные метки на изображении JS

Всем привет, хочу поделиться с вами скриптом для создания интерактивных изображений с метками для сайтов. Данный скрипт позволяет создавать адаптивные изображения с интерактивными метками. Скрипт по умолчанию поддерживает до 50 меток на изображении.

https://habr.com/ru/articles/890584/

#Скрипт #интерактивная_карта #слайдер_изображений #javascript #css #библиотека_javascript

Как уменьшить боль от this в классах javascript

На службе была поставлена задача подготовить и передать клиенту js-библиотеку, которая состояла из несколько классов. Каких-то особых трудностей не ожидалось, поскольку библиотека использовалась в нашей конторе уже не один год и была тщательно оттестирована. Я «причесал» код, перенёс захардкоженные значения и магические числа, которые неизбежно накапливаются в программе при выполнении «очень срочных и важных заданий», в аргументы методов и переменные классов, отредактировал и дополнил документирующие комментарии и уже собирался отправлять пакет клиенту. Но одна вещь останавливала меня — часть методов ключевого класса для обращения к другим свойствам и функциям своего класса использовала this. Кайл Симпсон удачно назвал такие методы this-aware functions . И неправильный вызов этих функций мог создать проблемы для разработчиков клиента.

https://habr.com/ru/articles/889326/

#javascript #this #class #класс #библиотека_javascript

[Перевод] Почему Microsoft отказывается от React в браузере Edge

Недавно команда Microsoft Edge написала статью о том, как они улучшают Edge, чтобы браузер стал быстрее. В материале Microsoft сделала выпад в сторону React и объявила, что больше не будет использовать React для Edge. В статье мы рассмотрим, как решение Microsoft влияет на React и JavaScript-разработчиков в целом и каковы истинные намерения команды Edge.

https://habr.com/ru/companies/productstar/articles/829216/

#javascript #microsoft #edge #react #реакт #библиотека_javascript #браузеры #google #chromium

Подключаем библиотеку к проекту с помощью npm/yarn link

Привет! Меня зовут Света, я фронтенд-разработчик отдела спецпроектов в KTS . Наш отдел разрабатывает и запускает около 100 проектов в год. При такой загрузке мы постоянно ищем новые способы ускорить и автоматизировать работу. У нас много библиотек: с общими утилитами и хуками, стилями, классами базовых сторов, с утилитами для ВК- и ОК-приложений. Во всех этих библиотеках нужно постоянно дополнять и заменять какие-то элементы, а после этого тестировать библиотеки на работоспособность. Подключение библиотеки к проекту не такой простой процесс — особенно для новичков. В первый раз нам потребовались пять статей и десять часов времени на ошибки, проверку и сбор наработок для команды. После этого мы решили написать статью-подсказку, чтобы сделать жизнь других разработчиков проще, а работу — быстрее.

https://habr.com/ru/companies/kts/articles/821111/

#frontend #react #тестирование_библиотеки #создание_библиотеки #библиотека_javascript #npm_link #yarn_link #npm #yarn

React-lens — эффективное управление состоянием в приложениях в ReactJs

Во многих разрабатываемых программах мы сталкиваемся с необходимостью организации работы с данными. Такие задачи могут быть самыми разными: хранение, актуализация, масштабирование и т. п. А ещё приходится реализовывать взаимодействие различных библиотек. Рассмотрим один из способов решения этих проблем при помощи React Lens.

https://habr.com/ru/articles/789246/

#менеджер_состояний #функциональное_программирование #ооп #библиотека_javascript

Загрязненный — значит опасный: про уязвимость Prototype Pollution

Prototype Pollution ( CVE-2023-45811 , CVE-2023-38894 , CVE-2019-10744 ) — не новая брешь, вы уже наверняка читали про нее и на Хабре , и на PortSwigger , и даже в научных журналах , но есть нюанс. Несмотря на большое количество публикаций, некоторые популярные решения до сих пор остаются уязвимыми для нее. Очередной пациент — библиотека на TypeScript @clickbar/dot-diver . Уязвимость CVE-2023-45827 исправлена в версии 1.0.2 и выше, поэтому мы со спокойной душой расскажем, что могло произойти с вашим продуктом, но, к счастью, не произошло. Под катом читайте о том, как нужно было пользоваться библиотекой, чтобы точно столкнуться с уязвимостью Prototype Pollution. Мы, кстати, писали про нее в своем телеграм-канале POSIdev — там свежие новости про безопасную разработку, AppSec, а также регулярные обзоры трендовых угроз и наша любимая рубрика «Пятничные мемы»! Итак, поехали!

https://habr.com/ru/companies/pt/articles/782750/

#cve #github #объекты #prototype_pollution #прототип #библиотека_javascript #setByPath #sca #sast