Как протестировать сайт с помощью Cypress

Введение в end-to-end тестирование с Cypress.

https://javascript.plainenglish.io/testing-your-front-end-code-with-cypress-4a3c64ab89d4

Метапрограммирование с JavaScript Decorators API

Руководство по использованию Decorators API, который достиг 3 стадии (и доступен в babel).

https://2ality.com/2022/10/javascript-decorators.html

Что такое микрофронтенд за 10 минут

Краткое объяснение принципа в подкасте Listen IT.

https://youtu.be/ZQClCNPq7AI?t=128

Захват изображения и видео с react-webcam

Туториал по использованию библиотеки react-webcam для упрощения работы с вебкой.

https://blog.openreplay.com/capture-real-time-images-and-videos-with-react-webcam/

Релиз Vuestic UI v1.5

Vuestic UI - библиотека компонентов для Vue. В свежем релизе: новые компоненты, улучшенная доступность, темная тема.

https://github.com/epicmaxco/vuestic-ui

Кстати, можно задать вопросы разработчикам в Дискорд

Создаём npm пакет, совместимый с CJS, ESM, написанный на TypeScript

Здравствуйте! Меня зовут Евгений, я бакенд разработчик в компании ClickON. Хотелось бы поделиться опытом создания npm пакета, который умеет встраиваться в CommonJS, ESModule проект. Опишем подводные камни, попытаемся сделать универсальный пакет, прикрутим алиасы.

https://habr.com/ru/post/695482

#typescript #npm

Feature-Sliced Design: эволюция фронтенда для быстрых экспериментов

Краткое описание Feature-Sliced архитектуры для фронтенд проектов.

https://habr.com/ru/company/inDrive/blog/693768/

Клейморфизм на CSS

Простая реализация визуального эффекта для элементов

https://blog.openreplay.com/implementing-claymorphism-with-css/

Введение в Parcel

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

https://medium.com/@rembertdesigns/getting-started-with-parcel-js-a-web-application-bundler-in-2022-9903d3326bd4

Разбираемся с React Hooks и пишем кастомные

Короткий курс по React Hooks с простыми и понятными примерами.

https://egghead.io/lessons/react-use-the-usestate-react-hook

Пришло время для нового Date API в JavaScript

Обзор Temporal API с новым функционалом для работы с датой и временем.

https://medium.com/life-at-apollo-division/its-time-for-a-new-date-api-in-javascript-6ea4411ce31e

Dialog, modal, popover - в чем разница?

https://hidde.blog/dialog-modal-popover-differences/

Как использовать Web Workers API

Выносим тяжёлые вычисления в фон с помощью Web Workers

https://levelup.gitconnected.com/how-to-use-web-workers-api-b1ef96c46fc0

Отзывчивая HTML/CSS галерея с использованием "колонок"

Один из вариантов создания красивой галереи без дополнительной разметки!

https://medium.com/codex/responsive-html-css-image-gallery-using-columns-no-extra-markup-needed-f289236b2f17

Пишем свой плагин для Vite

Если вдруг вам не хватает какого-то функционала для сборки проекта, можно написать свой плагин. Вот небольшая пошаговая инструкция.

https://www.vuemastery.com/blog/building-a-plugin-with-vite/

Инструкция по созданию игры в Telegram

Selectel рассказывает, как за пару вечеров собрать собственного игрового бота на JS. Бонус: если набрать больше 100 очков в их тестовой игре — выиграете мерч.

Пишем React приложение использующее DALL-E API

Простое приложение для генерации картинок при помощи нейросетей.

https://betterprogramming.pub/build-a-react-app-using-dall-e-api-bd15d5d67b31

Где использовать генераторы JS

Поиск путей использования генераторов для повседневных задач.

https://jrsinclair.com/articles/2022/why-would-anyone-need-javascript-generator-functions/