В практике фронтенд-инженеров на каждом шагу возникают ситуации, когда пользователи сообщают об аномальном выполнении функций. Для обнаружения проблем специалисты изо всех сил пытаются воспроизвести на месте эти аномалии, но результат оказывается нулевым. С другой стороны, операционная среда фронтенд-кода, такая как браузеры ПК, мобильные браузеры и пр., является сложной и неконтролируемой. Это означает, что в коде могут возникать различные непредсказуемые ошибки.

Для создания полноценной системы мониторинга фронтенд-исключений необходимо решить три первостепенные задачи.

Как вовремя перехватывать исключения?
Как определить точное местоположение исключений и ошибок?
Как своевременно уведомить персонал после обнаружения аномалии?

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

В ES6 JavaScript представил новый синтаксис для создания модулей с помощью ключевых слов import и export. До появления ES6 JavaScript полагался на такие библиотеки, как RequireJS и CommonJS, для обработки загрузки и экспорта модулей.

Я, вместе с командой GoogleSheets.ru, занимаюсь аналитикой и автоматизацией бизнеса и его интеграцией во внешние системы. Для этих целей мы разрабатываем различные веб-сервисы и приложения, но иногда, когда это рационально, используем Google-таблицы и скрипты Google Apps Script (дальше я их буду называть просто скриптами).

Долгое время мы жили с пониманием, что есть SSR, SSG, CSR. Мы научились их готовить, использовать преимущества и минимизировать недостатки. Появление серверных компонентов в React и внедрение их в Next.js изменили наше привычное понимание о рендеринге.

Это может быть особенно полезно в случаях, когда вы хотите, чтобы устройство пользователя не блокировалось из-за таймаута неактивности. Браузеру может быть полезно сообщить операционной системе, что пользователь занимается какой-то деятельностью, например, записывает что-то или смотрит видео.

Для предотвращения засыпания или затемнения экрана можно использовать API Wake lock.

Tramvai предназначен для создания универсальных (SSR) React-приложений наряду с Next.js, Remix и SvelteKit. Фреймворк служит основой для десятков приложений и решает проблемы наших разработчиков с помощью более чем 150 библиотек и модулей, разработанных специально для tramvai-приложений.

В статье расскажу про принципы работы фреймворка, его преимущества и основные возможности. Для тех, кто сразу хочет опробовать фреймворк, доступен базовый шаблон приложения на Codesandbox.

В мире веб-разработки существует множество технологий, с которыми сталкиваются разработчики, и две из них — Webhook (вебхук) и WebSocket (веб-сокет). Обе они используются для связи через Интернет, но служат разным целям и работают по-разному. Цель этой статьи — дать глубокое понимание обеих технологий, их различий и того, когда следует использовать каждую из них.

SolidJS  —  передовой фронтенд-фреймворк, который стал невероятно популярен среди разработчиков и быстро завоевывает свое место рядом с такими популярными инструментами, как React, Angular, Vue и Svelte. Однако, в отличие от других фреймворков, у Solid, который появился относительно недавно, пока нет обширной экосистемы инструментов. Это является проблемой для тех, кто хочет создать новый проект на SolidJS (или перенести существующий).

Недавно я вернулся к личному проекту на React, который забросил в прошлом году. В ходе работы я нашел несколько расширений VSCode, которые значительно повысили мою продуктивность. Стоит сразу сказать, что все они специфичны для React, хотя могут быть полезны и для других целей.

Польза этих расширений в сниппетах, которые они предоставляют. Сниппеты — это предопределенные фрагменты кода, которые можно развернуть в полноценный блок кода одним нажатием клавиши (в большинстве случаев это нажатие клавиши табуляции). Эти фрагменты могут содержать от одной строки до целого файла. Используя сниппеты, вы можете сжать целые файлы в короткую аббревиатуру, что значительно упрощает процесс.

Как мы с вами знаем — ни года не проходит без создания нового веб-фреймворка. 2024 год не станет исключением. В рамках исследования Александр рассмотрел причины возникновения новых библиотек рендеринга и определил требования для фреймворка мечты. Он показал принципиальные подходы имплементации каждого требования и рассмотрел принципы реактивности, используемые для синхронизации DOM с состоянием приложения.

Александр пишет Glimmer-VM совместимый рантайм — GXT, который оказался быстрее React в тестах.

В жизни разработчика бывают дни, когда все идет отлично, а бывают дни, когда появляются мысли о смене профессии. Особенно если учесть, что в программной разработке все быстро меняется и каждый день появляются новые фреймворки. Все это неотъемлемая часть работы. Не теряйте уверенность из-за этого. Я подготовил список навыков, освоив которые, вы перестанете сомневаться, хороший ли вы фронтенд-разработчик.

Почему шумиха вокруг PWA до сих пор не утихает? Нужно ли всем срочно переводить свои сайты на PWA?

Антон рассказывает, с какими сложностями придется столкнуться, какие решения принять и на какие грабли наступить, если вам прямо завтра придется разрабатывать PWA. Обзор возможностей и ограничений PWA, а также инструментов, которые позволят облегчить работу.

Я последние годы являюсь его ярым антагонистом. Я считаю, что многие либо используют его неправильно, либо используют без смысла - а для новичков он даже может быть вреден.