Pull to refresh
11

Пользователь

7
Subscribers
Send message

Time-Travel Debugging: почему Ctrl+Z это только начало

Level of difficultyMedium
Reading time25 min
Reach and readers5.5K

Time-travel debugging — это возможность сохранять снимки состояния приложения и перемещаться между ними. Традиционно он ассоциируется с инструментами отладки, такими как Redux DevTools. Однако пользователи современных приложений (Figma, Google Docs, VS Code) ожидают функциональности по перемещению между состояниями и от форм и веб-приложений.

Эта статья делится на две части:

Теория (Часть 1): Универсальные паттерны и концепции, которые останутся актуальны независимо от используемых библиотек.

Практика (Часть 2): Туториал по реализации пользовательского time-travel с использованием Nexus State.

Читать далее

GridKit Enhanced: Enterprise-функции для TanStack Table

Reading time14 min
Reach and readers5.4K

Все любят TanStack Table. Она гибкая, headless, даёт полный контроль над рендерингом.

Но в какой-то момент приходят требования от бизнеса:

«Давайте добавим аудит всех изменений для compliance»

«А можно логировать, как часто меняют сортировку?»

«Нужен экспорт в Excel для пользователей»

«Почему таблица тормозит на 10 000 строк?»

«Отслеживайте действия пользователей для аналитики»

И разработчик понимает: TanStack — отличный инструмент, но для enterprise-функций нужно написать кучу обвязки:

Event-система (вместо бесконечных useEffect)

Performance monitoring (метрики, алерты)

Validation (схема, проверка, исправление)

Plugin-менеджер (аудит, аналитика, экспорт)

Это 3-4 недели работы.

Читать далее

pure-md5: Современная реализация MD5 для JavaScript с поддержкой TypeScript, стримов и нулевыми зависимостями

Reading time5 min
Reach and readers6.1K

В 2026 году может показаться странным писать новую библиотеку для MD5. Алгоритм считается устаревшим, браузеры постепенно убирают его из Web Crypto API, а в документации Node.js есть предупреждения о его использовании.
Но реальность сложнее. MD5 всё ещё жив в:

Контрольных суммах файлов (многие репозитории до сих пор публикуют MD5-хеши)

Системах кэширования (ключи на основе контента)

Легаси-протоколах (некоторые API требуют MD5-подписи)

Внутренних идентификаторах (где безопасность не важна)

Проблема в том, что существующие реализации либо устарели, либо не имеют TypeScript, либо не работают универсально (Node.js + браузер). Я решил это исправить и представил pure-md5 — современную, типизированную и адаптивную библиотеку.
В этой статье расскажу о технических решениях, архитектуре и покажу, почему это может быть полезно в ваших проектах.

Читать далее

Nexus State: Современный менеджер состояния для JavaScript-приложений

Reading time7 min
Reach and readers9.7K

В экосистеме JavaScript-разработки управление состоянием приложений всегда оставалось одной из самых сложных задач. От глобальных переменных до сложных библиотек вроде Redux и MobX — разработчики постоянно ищут более простые и эффективные решения.

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

Читать далее

Настройка односторонней аутентификации (One-Way SSL) для kafka

Level of difficultyEasy
Reading time3 min
Reach and readers3.4K

Часто при разработке небходимо иметь на локальной машине сервер kafka с ssl аутентификацией.
Надеюсь эта статья поможет быстро поднять его и приступить к разработке.

Читать далее

Автогенерация api для RTK Query, graphql, postgraphile и postgresql

Reading time3 min
Reach and readers3.2K

Дисклеймер: код испольуемый в данной статье предназначен исключительно для демонстрационных целей.

Исходный код можно найти здесь

Предусловие:

Читать далее

Еще один вариант среды для разработки WordPress (docker, wp-cli)

Reading time2 min
Reach and readers8K

Есть официальные образы для развертывания WordPress и использования wp-cli. Но при их совместном использовании мне приходилось расшаривать всю папку WordPress и хотелось, чтобы было больше возможностей для кастомизации установки.


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


Эта статья предлагает один из способов развертывания сайтов на WordPress.

Создание приложения для Bitrix24 с нуля

Reading time7 min
Reach and readers85K

Для расширения функциональности Bitrix24 удобно использовать приложения. В данной статье описано создание с нуля локального serverless приложения.


Для установки нашего приложения нам понадобится собственно портал bitrix24, в котором мы обладаем правами администратора или правом установки и редактирования приложений.

Читать дальше →

Angular6. PWA. Lazy loading modules. Auto-deploy в Firebase

Reading time6 min
Reach and readers9.4K

Angular 6 позволяет буквально в несколько команд создать основу для Progressive Web Application (PWA), создавать верстку для навигационных страниц, таблиц, dashboard.

Читать дальше →

Докеризируем Socket.io, redis и php

Reading time6 min
Reach and readers28K

Для передачи данных сервером на php клиенту можно использовать следующий алгоритм:


  1. Сервер php публикует данные в канал redis.
  2. Сервер node подписывается на события в соответствующем канале redis и при
    наступлении события поступления данных публикует эти данные уже в
    socket.io
  3. Клиент подписывается на сообщения socket.io и обрабатывает их при поступлении

Исходный код проекта можно найти на github

Читать дальше →

Оставайся ленивым с angular/cli

Reading time3 min
Reach and readers15K
Для запуска приложения Angular 5 на сервере node.js необходимы:


* следуя рекомендациям сайта будет установлена версия 1.2 Ленивцам вроде меня нужна версия 1.6*.

Подробности под спойлером
Если ng (angular/cli) уже установлен. Проверьте версию

ng -v

Если версия <1.6 — обновимся

npm uninstall -g @angular/cli
npm cache
npm cache verify
npm i -g @angular/cli@latest

Проверим результат

ng -v

Если версия > 1.6 — цель достигнута.

** опционально, но с ним быстрее

Шаг 1. Развертываем новое приложение


Вообще говоря, заголовок слишком громкий для необходимых действий.
Читать дальше →

Добавление классов bootstrap 4 в меню WordPress

Reading time2 min
Reach and readers14K

Многие хотят уже сейчас использовать возможности bootstrap 4 при создании сайтов на WordPress. Ниже описывается одно из решений по созданию меню с использованием классов bootstrap 4.
Классы для navbar в bootstrap 4 отличаются от bootstrap 3.


Bootstrap 3


<ul class="nav navbar-nav">
  <li><a href="#">Первый</a></li>
  <li><a href="#">Второй</a></li>
  <li><a href="#">Третий</a></li>
</ul>

Bootstrap 4


<ul class="nav navbar-nav">
  <li class="nav-item"><a class="nav-link" href="#">Первый</a></li>
  <li class="nav-item"><a class="nav-link" href="#">Второй</a></li>
  <li class="nav-item"><a class="nav-link" href="#">Третий</a></li>
</ul>

Если в WordPress используется bootstrap 3 можно ограничиться добавлением к wp_nav_menu аргумента 'menu_class' => 'nav navbar-nav'. Если используется bootstrap 4 потребуется чуть больше движений.


Читать дальше →

Boilerplate для WordPress

Reading time3 min
Reach and readers11K

Bedrock — это стартовый шаблон для WordPress с современными инструментами разработки, простым конфигурированием и улучшенной файловой структурой:


  • файлы и папки wp-content/ перемещены в app/
  • управление установкой WordPress и плагинов с помощью менеджера пакетов Composer. Вы и ваша команда будете точно знать о всех зависимостях.
  • настройки сайта осуществляются с помощью присвоения значений переменным в одном конфигурационном файле .env.

Кроме этого, Bedrock может быть дополнен замечательным плагином Soil и стартовой темой Sage. В статье описан алгоритм развертывания проекта на его основе в Ubuntu 16.04. Туториал по установке Bedrock в Windows здесь.


Читать дальше →

Отладка php в Visual Studio Code (Xdebug, Windows)

Reading time2 min
Reach and readers82K

В некоторых случаях может возникнуть необходимость отладки приложений на php. Visual Studio code предоставляет такую возможность при условии установки дополнительного расширения PHP Debug (marketplace, github).


Читать дальше →

Information

Rating
Does not participate
Registered
Activity