Варианты использования Google Lighthouse для мониторинга перфоманса приложения

https://refine.dev/blog/lighthouse-google-chrome/

Продвинутые способы логирования с console в JS

https://javascript.plainenglish.io/its-2022-please-don-t-just-use-console-log-anymore-217638337c7d

Разработка радар системы для самолетов на JavaScript — работа с Web USB.

https://charliegerard.dev/blog/aircraft-radar-system-rtl-sdr-web-usb/

Пошаговый туториал по сборке приложения с Webpack и TypeScript.

https://blog.logrocket.com/using-webpack-typescript/

Бесконечный скролл: преимущества, недостатки, примеры использования, модификации.

https://www.nngroup.com/articles/infinite-scrolling-tips/

Что такое polyfill и как написать и использовать свой собственный.

https://blog.logrocket.com/use-polyfills-react-app/

Как написать кроссбраузерное расширение в 2022 году

https://habr.com/ru/company/sbermarket/blog/685866/

Нововведения в HTML формах в 2022.

Новые события и JS функции, плюс еще несколько новшеств.

https://css-tricks.com/whats-new-with-forms-in-2022/

Способы оптимизации скорости загрузки основного контента (LCP) для ускорения загрузки сайта.

https://calibreapp.com/blog/largest-contentful-paint

Сравнение SSR перформанса 6 JS фреймворков. Результаты и процесс сравнения по ссылке.

https://www.enterspeed.com/blog/we-measured-the-ssr-performance-of-6-js-frameworks-heres-what-we-found/

#сервер #DIY

Превращаем старый телефон на Android в веб-сервер

Рейтинг: 35

Читать

Паттерны JS

Cборник задач по паттернам из курса FrontendMasters с ответами (ответы помечены как Solution)

https://stackblitz.com/@lydiahallie/collections/javascript-patterns

Пошаговый туториал по созданию панели навигации.

https://web.dev/website-navigation/

Меняем цвет SVG при помощи CSS фильтров.

https://itnext.io/change-svg-color-with-help-from-css-filter-d978fb0d0bc9

Основы JS - работа с событиями.

https://www.lullabot.com/articles/javascript-and-events-fundamentals

React 18 - новые фичи и инструкция по обновлению приложений на 18 версию.

https://refine.dev/blog/react-18-upgrade-guide/

Тестирование React компонентов - пошаговый гайд.

https://blog.bitsrc.io/testing-your-react-components-step-by-step-2ce9c3b4f299

Упрощаем создание drag and drop компонентов с react-beautiful-dnd

https://taniarascia.com/simplifying-drag-and-drop/

#промисы #promise

10 задач с JavaScript Promise для подготовки к собеседованиям

Promise — это отличительная особенность JavaScript как асинхронного языка программирования. Нравится вам это или нет, понять его в любом случае придется. В этой статье я привожу 10 примеров кода с Promise, начиная от базового уровня заканчивая продвинутым.

Рейтинг: 41

Читать

Glitch эффект с 3D перспективой.

https://tympanus.net/codrops/2022/09/07/3d-perspective-glitch-hover-effect/