ДисклеймерХочу сразу отметить, что эта статья не является призывом к обязательному использованию предложенной архитектуры. Моя цель — поделиться своими наработками, получить конструктивную критику и обсудить возможные улучшения. Буду рад, если мой опыт окажется полезным или вдохновит вас на собственные решения! ВведениеПривет, Хабр! Сегодня я хочу рассказать о своей архитектуре, которую я разработал в процессе проектирования своих фронтенд-приложений. На первый взгляд, она может напомнить попу…
Некоторое время назад у меня была статья о том как искать работу, какие шаги предпринимать и тд. Теперь решил поделиться некоторыми советами и опытом о том, что делать, когда вас уже взяли на вашу первую работу в IT. В связи с тем, что я фронтендер, то некоторые примеры будут основываться из этой области, в частности языки, фреймворки и тд.Небольшое вступлениеГода 2-3 назад с поиском работы было довольно проблематично (во фронтенде). Желающих очень много, вакансий в разы меньше. Из того, что я …
Начнем с того, что в настоящее время огромное количество (а если точнее, то 5,5 миллиарда за 2024 год) пользователей по всему Интернету регулярно посещают различные сайты и веб‑страницы в поисках нужной им информации. И Вы в том числе.Отсюда можно сделать простой вывод, что абсолютно любой бизнес — от малого и до бизнес‑гигантов — предпочтет иметь свой сайт для продвижения личных продуктов и услуг.А какой же плюс для нас? Как любому бизнесу нужен свой сайт, так сильно им нужны и разработчики эт…
Меня зовут Александр Леуцкий, и я давно разрабатываю фронтенд, хотя нередко занимаюсь и другими задачами.В этой статье поделюсь быстрым способом настройки геотаргетинга на nginx + GeoIP2 в связке с локализацией Next.js на примере решения реальной задачи.Суть задачиВначале у продукта был один основной домен — site.com, и весь трафик шёл именно на него. Пользователи привыкли к этому адресу, а множество маркетинговых статей и публикаций уже содержали ссылки на site.com, и эти ссылки уже было невоз…
Проблемы больших проектов: сопровождение компонентов и фанатичность принципу DRYРассмотрим типичный сценарий разработки фронтенд-приложений. Бизнес выдвигает требования, которые постепенно усложняют компоненты. Это приводит к проблемам сопровождения, особенно в больших проектах.Пример: компонент для вывода суммы двух чиселПервое требование: сумма двух чисел в кавычкахconst SumComponent = (a, b) => `"${a + b}"`;Второе требование: добавить вывод знака в концеconst SumComponent = (a, b,…
Исходный код, разобранный в данной статье, опубликован в этом репозитории При работе с языковыми моделями частым явлением являются галлюцинации - когда модель даёт неверных вывод. Это связано с издержками математической модели, которая пораждает важные нюансы, разобранные в данной статьеНеверный протокол вызова инструментов при попытке запуска NVidia Nemotron Mini на OllamaПомимо галлюцинаций, на текущий момент не согласован единый стандарт инструментов: шаблон XML, используя который языковая …
В предыдущей статье мы обсудили плюсы и минусы использования воркеров для cloud-native разработки. Сегодня же мы настроим и задеплоим полноценное приложение с фронтом, бэком, базой данных, горизонтальным мастшабированием, http/3, капчей и бесплатным поддоменом менее, чем за час.Итоговый результат можно увидеть тут (только через VPN).Что такое воркер?Cloudflare Workers - это платформа для cloud-native разработки, которая позволяет запускать код на инфраструктуре Cloudflare, избавляя разработчико…
Ни у кого не получится показать другому то, что тот не хочет или не может увидеть. Объяснять и показывать нужно только тем, кто а) может понять, б) хочет понять. В этой публикации я демонстрирую пару своих документов для LLM, которые предписывают "силиконовым", какими правилами им следует руководствоваться при создании кода для моей платформы. "Силиконовым" можно впаривать любую дичь - они всеядные (могут понять) и покладистые (согласны понять). За это мы их и любим!Кому интерес…
Привет, хабр! Больше года назад я впервые узнал про сигналы, а три месяца назад @Sin9k записал видео на эту тему. И поскольку сигналы по-прежнему обходят стороной, попробую немного исправить ситуацию)В материале будет использоваться обёртка signals-react, так как изначально рассматриваемая библиотека написана под Preact.ПроблемаКак мы знаем, по умолчанию, если в компоненте поменялось локальное состояние, то и сам компонент, и все его потомки будут перерисованы. Что повлечёт за собой множество в…