Мемоизация в React. Как работает useCallback.

https://refine.dev/blog/react-usecallback-guide/

Используем условные типы в TypeScript

Продвинутые техники работы с типами в TypeScript

UPD: если просит подписку для прочтения, просто откройте в инкогнито.

https://javascript.plainenglish.io/use-typescript-conditional-types-like-a-pro-7baea0ad05c5

Используем background-color для дебага разметки

Один из подходов для отладки расположения элементов, требующий всего нескольких строк CSS.

https://blog.openreplay.com/using-CSS-background-color-to-debug-web-pages/

Что такое рекурсия в JS

Объясняем одну из самых старых концепций программирования с примерами.

https://blog.openreplay.com/explaining-recursion-in-javascript/

Что нового в Dev Tools

Новые фичи для дебага JS, CSS, оптимизации и сетевых запросов.

https://www.smashingmagazine.com/2022/10/devtools-updates-halloween-edition/

Полезные CSS генераторы

Подборка из 10 CSS генераторов, которые немного облегчат верстку.

https://blog.bitsrc.io/the-best-css-generators-for-web-developers-c1f75ab145f6

🚀 FrontEndDev

Как протестировать сайт с помощью 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/