Полное руководство по модулям в браузере и NodeJS

Сравниваем синтаксис и работу ES Modules и CommonJS.

https://blog.openreplay.com/the-complete-guide-to-modules/

Преимущества использования pnpm

Почему стоит отдать предпочтение pnpm, ну или хотя бы попробовать его.

https://refine.dev/blog/pnpm-vs-npm-and-yarn/

Как создать игру в стиле GameBoy на 13kB

Опыт создания игры в олдовом стиле на TypeScript.

https://medium.com/hypersphere-codes/5905bf6166b2

Как бы вы рефакторили React компонент на 2700 строк?

Советы по рефакторингу большого компонента

https://code.pieces.app/blog/how-to-refactor-large-react-components

Изучаем тач события для Android и iOS во Vue

Подписываемся и модифицируем события с использованием vue3-touch-events

https://blog.logrocket.com/understanding-vue-touch-events-android-ios/

Мемоизация в 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