Category : javascript

javascript
Готовим геотаргетинг на nginx + GeoIP2 и связываем с локализацией в Next.js

Меня зовут Александр Леуцкий, и я давно разрабатываю фронтенд, хотя нередко занимаюсь и другими задачами.В этой статье поделюсь быстрым способом настройки геотаргетинга на nginx + GeoIP2 в связке с локализацией Next.js на примере решения реальной задачи.Суть задачиВначале у продукта был один основной домен — site.com, и весь трафик шёл именно на него. Пользователи привыкли к этому адресу, а множество маркетинговых статей и публикаций уже содержали ссылки на site.com, и эти ссылки уже было невоз…

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

Проблемы больших проектов: сопровождение компонентов и фанатичность принципу DRYРассмотрим типичный сценарий разработки фронтенд-приложений. Бизнес выдвигает требования, которые постепенно усложняют компоненты. Это приводит к проблемам сопровождения, особенно в больших проектах.Пример: компонент для вывода суммы двух чиселПервое требование: сумма двух чисел в кавычкахconst SumComponent = (a, b) => `"${a + b}"`;Второе требование: добавить вывод знака в концеconst SumComponent = (a, b,…

  • воскресенье, 23 марта 2025 г. в 00:00:03
javascript
Оркестрация чатов LLM моделей через Redis

Исходный код, разобранный в данной статье, опубликован в этом репозитории При работе с языковыми моделями частым явлением являются галлюцинации - когда модель даёт неверных вывод. Это связано с издержками математической модели, которая пораждает важные нюансы, разобранные в данной статьеНеверный протокол вызова инструментов при попытке запуска NVidia Nemotron Mini на OllamaПомимо галлюцинаций, на текущий момент не согласован единый стандарт инструментов: шаблон XML, используя который языковая …

  • суббота, 22 марта 2025 г. в 00:00:09
javascript
От идеи до деплоя: как поднять приложение на Cloudflare Workers

В предыдущей статье мы обсудили плюсы и минусы использования воркеров для cloud-native разработки. Сегодня же мы настроим и задеплоим полноценное приложение с фронтом, бэком, базой данных, горизонтальным мастшабированием, http/3, капчей и бесплатным поддоменом менее, чем за час.Итоговый результат можно увидеть тут (только через VPN).Что такое воркер?Cloudflare Workers - это платформа для cloud-native разработки, которая позволяет запускать код на инфраструктуре Cloudflare, избавляя разработчико…

  • суббота, 22 марта 2025 г. в 00:00:08
javascript
Почему TeqFW использует только ES-модули?

Ни у кого не получится показать другому то, что тот не хочет или не может увидеть. Объяснять и показывать нужно только тем, кто а) может понять, б) хочет понять. В этой публикации я демонстрирую пару своих документов для LLM, которые предписывают "силиконовым", какими правилами им следует руководствоваться при создании кода для моей платформы. "Силиконовым" можно впаривать любую дичь - они всеядные (могут понять) и покладистые (согласны понять). За это мы их и любим!Кому интерес…

  • суббота, 22 марта 2025 г. в 00:00:06
javascript
signals в качестве альтернативы useState в React

Привет, хабр! Больше года назад я впервые узнал про сигналы, а три месяца назад @Sin9k записал видео на эту тему. И поскольку сигналы по-прежнему обходят стороной, попробую немного исправить ситуацию)В материале будет использоваться обёртка signals-react, так как изначально рассматриваемая библиотека написана под Preact.ПроблемаКак мы знаем, по умолчанию, если в компоненте поменялось локальное состояние, то и сам компонент, и все его потомки будут перерисованы. Что повлечёт за собой множество в…

  • суббота, 22 марта 2025 г. в 00:00:05
javascript
Пошагово создаём QR-код

В этой статье (оригинал представляет собой интерактивное приложение на JavaScript) подробно описывается, как текстовая строка кодируется в символ QR-кода. Она, по сути, объясняет, как устроена внутри моя библиотека генератора QR-кодов. Пользовательский ввод Результат генерации QR-кода Пошаговый процесс 0. Анализируем символы Unicode Количество кодовых точек во входной текстовой строке: 17. Подробности о каждом из символов: Index: индекс во входной строке Char: сам символ CP hex: значение…

  • суббота, 22 марта 2025 г. в 00:00:04
javascript
Как MobX делает объекты реактивными с помощью Proxy

Привет! На связи снова Дмитрий — React-разработчик, который стремится разобраться, как всё устроено, и делится информацией с вами.В прошлой статье мы подробно разобрали, что такое Proxy и как он работает, поэтому повторяться не будем. Сегодня поговорим о том, как MobX использует Proxy, создавая свою "реактивную магию".Как MobX делает объекты реактивными?MobX превращает обычные объекты JavaScript в реактивные, что позволяет автоматически отслеживать изменения их свойств и обновлять завис…

  • суббота, 22 марта 2025 г. в 00:00:03
javascript
Cohere Command — революция, которую мы пропустили

Исходный код, разобранный в данной статье, опубликован в этом репозиторииДлительный промежуток времени я искал модель, специально заточенную под вызов инструментов для внешних интегираций. Критерием поиска являлось минамальное колличество галлюцинаций при использовании железа с потребительского рынкаhttps://huggingface.co/tripolskypetr/command_r_ggufЕсли десятки миллиардов параметров языковой модели потребуют покупать специлизированную видеокарту стоимостью 5 тысяч долларов, которую ещё нужно п…

  • суббота, 22 марта 2025 г. в 00:00:02