Category : javascript

javascript
Как мы прикрутили real-time чат в админку на React без Jivo и LiveChat

В разработке админок часто приходится делать одно и то же: формы, списки, фильтры, CRUD. Admiral решает эту проблему, предоставляя мощный фреймворк для React, с которым можно быстро собирать административные интерфейсы на готовых паттернах и с гибкой настройкой.Недавно нам нужно было добавить чат в админку одного из проектов. Забавно, но решения вроде Jivo или LiveChat мы даже не рассматривали. Так были уверены, что сможем без проблем собрать кастомный чат прямо внутри Admiral.Эксперимент завер…

  • четверг, 21 августа 2025 г. в 00:00:11
javascript
Clean Architecture во frontend: почему я ушёл от FSD

Привет! Сегодня хочу поделиться с тобой опытом перехода от Feature-Sliced Design к Clean Architecture во фронтенде. Почему я считаю Clean Architecture более подходящей для сложных приложений, и как она решает проблемы, с которыми ты точно сталкивался.Если ты используешь FSD или до сих пор пишешь всю логику в компонентах React — эта статья точно для тебя.FSD: популярно, но не без проблемFeature-Sliced Design сейчас одна из самых популярных методологий во фронтенде. И не зря — она действительно п…

  • четверг, 21 августа 2025 г. в 00:00:10
javascript
JavaScript: зачем конструктору return …

Этот вопрос интересовал меня настолько давно, что за прошедшие годы даже стал как-то про него забывать. И не то, чтобы меня это прям как-то сильно интересовало, но всё же лучше понимать назначение было бы приятно.И, ведь, ну в самом деле, подумаешь, ну может разработчику хочеться вернуть не эземпляр, не instance, а какой-нибудь другой объект, и зачем-то при этом ему нужен именно вызов конструктора. Ну, допустим, он хочет чтобы new.target был заполнен и т.п., ну, мало ли какие варианты зачем-то …

  • четверг, 21 августа 2025 г. в 00:00:08
javascript
Почему ИИ не смог заменить меня в n8n, но стал идеальным ассистентом

n8n — это мощный инструмент, который я, как и многие инженеры, полюбил за гибкость и простоту. Он позволяет собрать практически любую интеграцию, как из конструктора, но с возможностью в любой момент залезть «под капот» с кастомным JavaScript. Идеально.n8n позволяет строить lowCode автоматизацииНо у этой мощи есть и обратная сторона. Сложные воркфлоу превращаются в лабиринт из нод, где каждая требует тонкой настройки десятков полей. Постоянное переключение между вкладками документации, написани…

  • четверг, 21 августа 2025 г. в 00:00:08
javascript
Unit тесты в React разработке

1. Зачем нужны unit-тесты?Unit-тесты создавались для проверки изолированных частей кода — функций, методов, утилит. Их задача — убедиться, что отдельные модули работают корректно в идеальных условиях.Но фронтенд — это не только логика, но и:UI-компоненты (кнопки, формы, списки)API-взаимодействия (запросы, обработка ответов)Глобальное состояние (Redux, MobX, Context)Сторонние интеграции (аналитика, платежи)Можно ли всё это покрыть unit-тестами? Технически — да, но нужно ли?2. Что не стоит тестир…

  • среда, 20 августа 2025 г. в 00:00:06
javascript
Улучшаем JavaScript-код с помощью стрелочных функций

Если вы устали каждый раз писать длинное ключевое слово function при создании функций и хотите, чтобы ваш JavaScript-код выглядел компактно, то впору задуматься об использовании стрелочных функций. Привет! Меня зовут Александр Дудукало, я автор базового курса по JavaScript. В этой статье расскажу, как стрелочные функции помогают сокращать записи функций, делают код визуально чище и как использовать их без потери смысла. Также покажу, чем обычные функции проигрывают стрелочным и почему одно нель…

  • среда, 20 августа 2025 г. в 00:00:06
javascript
SW: stale-while-revalidate на практике + гист

Service Worker на практике: стратегия stale-while-revalidate (+ готовый гист)Что делает stale-while-revalidate (SWR)Идея простая:Сразу отдать то, что уже лежит в кэше (stale).Параллельно сходить в сеть за свежей версией (revalidate).Бесшовно обновить кэш «в фоне», чтобы следующий визит был уже со свежими данными.Пользователь видит быстрый отклик, а мы — постоянно «подтягиваем» актуальный контент.Когда применять SWRСтатика: CSS/JS/шрифты/картинки (особенно CDN).API, не критичное к абсолютной све…

  • вторник, 19 августа 2025 г. в 00:00:06
javascript
Три уровня отслеживания в Яндекс Метрике: Level 1 — параметры целей

Когда маркетолог говорит «давайте отслеживать всё», разработчик обычно слышит «давайте усложним жизнь прямо сегодня». И, как ни странно, оба правы. Потому что базовых целей в Яндекс.Метрике вроде «клик по кнопке» или «отправка формы» хватает ровно до того момента, пока бюджет на рекламу не становится больше бюджета на кофе в офисе.С этого момента простые цели превращаются в бесполезную статистику: да, мы знаем, что форму заполнили 300 человек, но кто из них реально купил, а кто просто решил про…

  • вторник, 19 августа 2025 г. в 00:00:05
javascript
Как я научил Espruino на ESP-32 понимать кириллицу

ПреамбулаКак‑то на просторах интернета мне попалась интересная вещь, а именно — микроконтроллер ESP-32. Ранее я о нем слышал и даже хотел собрать себе простенькую «мыльницу». До этого тыкал ардуино (вспомнил о нем потому, что принцип программирования у них схож). В то время меня это не сильно зацепило, поэтому я бы и в этот раз прошел мимо, если бы не одно but... (Решил добавить немного междунородности в пост 👽).На данный момент я изучаю JS и было дикое желание практиковаться. Писать код в вирт…

  • вторник, 19 августа 2025 г. в 00:00:04