Category : javascript

javascript
Локализуем React (NextJS, TypeScript) сайт на несколько языков с помощью i18next

У меня появилась задача в проекте:Перевести личный кабинет пользователя на русский и английский (в перспективе и на другие языки).При этом, определять язык пользователя при первом заходе в ЛК и давать его изменить.Запоминать выбранный язык при перезагрузке страницы.Сделать так, чтобы в проектах была типизация файлов с переводами (чтобы нельзя было забыть добавить один из языков).Как я это делал — расскажу в статье.СодержаниеПервоначальное решениеВыбор библиотеки переводовСоздаём шаблон проектаД…

  • пятница, 17 января 2025 г. в 00:00:10
javascript
[Записки тимлида] Битрикс: от модулей к сервисам 3

Автор: Денис ЗакусилоПриветствую всех неравнодушных! Это заключительная статья цикла о переходе от модульной архитектуры к сервисам.[Записки тимлида] Битрикс: от модулей к сервисам[Записки тимлида] Битрикс: от модулей к сервисам 2Сегодня мы рассмотрим организацию структуры frontend стороны приложения.Первым делом нам необходимо подключить node на сервере. В нашем случае мы добавим в docker-compose новую запись.node:        build:            context: ./node            args:                UI…

  • пятница, 17 января 2025 г. в 00:00:09
javascript
Исследование: победители awwwards и их performance в Lighthouse

Все дизайнеры обожают сайт awwwards – площадку с платной публикацией, где собраны самые классные работы в сфере веб-дизайна. А поскольку мы душнилы по части performance, мы собрали почти 5000 сайтов, определили их фреймворк и проверили производительность в Lighthouse. Также собрали статистику по их авторам. И вот что получилось.Небольшой дисклеймер: работы на awwwards – это в основном креативные сайты. Там редко публикуются тяжеловесные проекты.ФреймворкиВ выборку попали работы последних лет  –…

  • пятница, 17 января 2025 г. в 00:00:08
javascript
Теория вероятностей в действии 2.0

Раз в несколько лет возвращаюсь к задаче создания алгоритма для наиболее вероятного прогноза на основании ошибок предыдущих прогнозов. В этот раз попробую обойтись минимумом текста (ссылка на демо в конце).Ссылка на оригинал статьи с объяснением принципа Доказательного Планирования (в оригинале Evidence Based Scheduling - далее будет фигурировать как EBS)Joel Spolsky Evidence Based SchedulingПеревод на русскийВерсия 1.0: Первый блин в коме (2019)Как я видел решение 5 лет назад (здесь очевидная …

  • пятница, 17 января 2025 г. в 00:00:07
javascript
Визуализация данных Мосбиржи и не только

Привет!Хочу поделиться инструментом для визуализации данных Мосбиржи, Nasdaq, NYSE и AMEX. Графики можно посмотреть на странице finmap.org. Сейчас я занимаюсь этим проектом один, а планов много, например, добавить данные торгов стран Европы, Азии и Латинской Америки. Исходный код опубликован на GitHub. Очень надеюсь, что хабр-эффект всё ещё работает и здесь найдутся те, кто готов присоединиться к разработке. Пожалуйста, расскажите о проекте друзьям и знакомым.Данные торгов представлены в виде t…

  • четверг, 16 января 2025 г. в 00:00:05
javascript
Современные способы переключения контента

Тот, у кого из всех инструментов есть только молоток, склонен на любую проблему смотреть, как на гвоздь. Абрахам МаслоуМы склонны использовать знакомые решения. Когда речь заходит о переключении контента, мы обычно используем свойства display: none или opacity: 0 с добавлением JavaScript. Однако современный веб стремительно развивается, и, возможно, настало время рассмотреть другие подходы к переключению контента — узнать, какие нативные API на сегодняшний день поддерживаются, их достоинства…

  • среда, 15 января 2025 г. в 00:00:08
javascript
Унификация, синхронизация, кросс-командность. Как дизайн-система реально улучшает жизнь компании

Сегодня дизайн-система — это неотъемлемая часть процесса разработки цифровых продуктов. Однако не всегда очевидно, как именно такой инструмент помогает работать с UI-компонентами и улучшать качество продукта.Меня зовут Артур Иванов, я тимлид B2B Product Design департамента Design & Research Office (DRO) «Лаборатории Касперского», и именно перед нашей командой встал вызов по внедрению дизайн-системы под названием Hexa UI в уже существующие рабочие процессы отдела дизайна.Забегая вперед: c эт…

  • среда, 15 января 2025 г. в 00:00:07
javascript
TMA Wallet — некастодиальный MPC воллет для вашего Telegram Mini App

Всем привет! Думаю, все уже знают, что в телеге уже год как бум мини-аппов, все тапали хомяка. Подавляющее большинство из них связаны с криптой. Многие хотят внутри приложения давать своим пользователям кошелёк (EVM, TON или Solana, etc.), как некий виртуальный счёт, который можно пополнить, выводить средства, и, самое главное, дергать смарт-контракты.Простое и небезопасное решение - хранить все ключи на серваке, выполнять транзакции от имени юзера. Взлом вашего сервера = потеря всех клиентских…

  • среда, 15 января 2025 г. в 00:00:05
javascript
Как я настраивал S3 в Strapi? Больно, но не сильно

Недавно я познакомился с сервисом Strapi и почти сразу получил задачу "Настроить отправку файлов в S3 из Strapi". Это мой первый опыт в работе со Strapi, но не первое подключение к S3.В данной записи я хотел бы поделиться своим опытом и показать пару кастомных скриптов для работы с облачным хранилищу S3.Коротко о StrapiStrapi JS — это популярная открытая система управления контентом (CMS) на основе Node.js. Она предназначена для быстрого создания и управления бэкенд-серверами и API. Str…

  • среда, 15 января 2025 г. в 00:00:04