В этой статье я рассказываю, как мне удалось сделать весьма не плохую архитектурное решение с применением Microfrontend и Feature Sliced Design. Вкратце что из себя представляет обе эти архитектуры.Microfrontend - пришедшее из мира микросервисов, где каждый сервис условно работает автономно и имеет не сильную связь с другими сервисами. Микрофронтенд применяется что-то из этого рода архитектур, где контейнер (App) условно разбит на несколько модулей, и каждый модуль может быть написан на разных…
Эта статья — перевод оригинальной статьи "New in Chrome 115".Также я веду телеграм канал “Frontend по-флотски”, где рассказываю про интересные вещи из мира разработки интерфейсов.Анимации основанные на скроле страницыАнимации основанные на скроле, являются распространенным UX паттерном в вебе. Анимации основанные на скроле страницы, связаны с позицией текущего скролбара. Это означает, что при прокрутке вверх или вниз связанная анимация движется вперед или назад в прямой зависимости от …
Этот пост является ещё одной попыткой сформулировать идею, зачем нужно внедрение зависимостей в ванильном JavaScript (именно в ES6+, а не в TS).Основная сложность в том, что шаблон “внедрение зависимостей” (DI) есть следствие применение на практике “принципа инверсии зависимостей” (DIP). Классическая формулировка этого принципа выглядит так:A. Модули верхних уровней не должны зависеть от модулей нижних уровней. Оба типа модулей должны зависеть от абстракций.B. Абстракции не должны зависеть от …
Каждые несколько лет среди специалистов по безопасности поднимаются дискуссии о вреде JS-криптографии. Сейчас они возобновились. Что стало поводом и почему у некоторых специалистов такое предубеждение к криптографическим операциям в браузере? Попробуем разобраться. Критика JavaScript-криптографии Претензии к криптографии в браузере концентрируются вокруг следующих тезисов: Излишнее использование JS-криптофункций там, где достаточно SSL/TLS. Например, создание собственных криптопротоколов …
Привет! Продолжаем цикл статей про тестирование не-REST-бэкенда, в прошлый раз мы говорили о GraphQL, теперь пришло время WebSocket.Итак, что такое WebSocket?Википедия сообщает, что это «протокол связи поверх TCP-соединения, предназначенный для обмена сообщениями между браузером и веб-сервером, использующий постоянное соединение».Что тут важно — что это протокол (со всеми вытекающими последствиями для протокола), который использует постоянное соединение.Работу по WebSocket в обычной жизни можн…
Привет, Хабр! Сегодня предлагаем подборку книг для JavaScript-разработчика. Подобраны они в порядке усложнения материала. То, что в начале подборки, пригодится начинающему специалисту (правда, перечитать не помешает и профи). А ближе к концу — книги для более опытных разработчиков. Если же у вас есть собственные предпочтения, то расскажите о них тоже — поделитесь в комментариях. JavaScript для чайниковАвторы: К. Минник, Е. ХолландОтличная книга по JavaScript для тех, кто лишь вступил на путь р…
Что такое Mobx?Mobx — это библиотека, дающая разработчикам инструмент для глобального использования переменных и методов между разными компонентами.Mobx простая и понятная в использовании библиотека, использующая в своей реализации Context API и, по сравнению с Redux, требующая минимум шаблонного кода для инициализации стора.Mobx сторы хорошо масштабируются и для каждого стора можно определить его область видимости, помещая соответствующие компоненты внутрь провайдеров стора.Зачем использовать…
Информация в чистом виде - это не знание. Настоящий источник знания - это опыт.Приветствую всех читателей, что забрели на эту страницу. Вероятно, вы тоже как и я, не нашли должной информации по этой теме, поэтому наслаждайтесь, ведь тут будет вся нужная информация для корректной работы runtime импорта!Небольшая предыстория, для чего написана эта статьяПогрузившись в работу с Module Federation, я столкнулся с такой проблемой, как отсутствие информации для продвинутых разработчиков. Большинство …
Зачастую, когда я наталкиваюсь на информацию о работе с DOM в Angular, в них присутствуют упоминания об одном или нескольких из этих классов: ElementRef, TemplateRef, ViewContainerRef. Именно упоминания, ведь общее представление достаточно сложно сложить, даже тщательно изучив документацию Angular. Поэтому я решил подробно сформулировать, как это работает и для чего нужно.Когда-то давно, как может показаться сейчас, была такая вещь как AngularJs. Нам он сейчас нужен лишь для воспоминаний о то…