P. S:К концу этой статьи вы создадите и развернете клиент ChatGPT с помощью Wing и Next.js.Это приложение может запускаться локально (в локальном облачном симуляторе) или развертываться у вашего собственного облачного провайдера.ВведениеСоздание клиента ChatGPT и его развертывание в вашей собственной облачной инфраструктуре - это хороший способ обеспечить контроль над вашими данными.Развертывание LLM в собственной облачной инфраструктуре обеспечивает конфиденциальность и безопасность вашего про…
Привет, Хабр! Меня зовут Артём Поморцев. Я фронтенд-разработчик компании «Криптонит» и хочу поделиться своим опытом создания набора иконок (icon pack).Скажу сразу, что иконочные шрифты не всегда являются наиболее эффективным и надёжным вариантом, но они по-прежнему относительно просты и легки в реализации.ПроблемаНаша проблема заключалась в том, что мы переходили на новый дизайн. Тогда мы работали с фреймворком blueprint.js, и он не всегда отвечал требованиям UX-дизайнеров. Также было желание с…
Всем привет! На связи Supercat и я хочу рассказать о менеджере состояний Supercat Store. Supercat Store - это JavaScript-библиотека, которая позволяет легко отслеживать и реагировать на изменения стейта приложения или его части.Коротко о Supercat Store:Легковесная: 12 kB - minified, 3.8 kB - minified + gzipped;Не зависит от фреймворков, агностик;Можно создавать столько сторов, сколько нужно;Использует мутабельную систему реактивности;Применяются ленивые вычисления для computed;Поддержка мгновен…
Frontend-разработчик — это специалист, который занимается созданием пользовательского интерфейса веб-приложений. Он отвечает за то, чтобы веб-сайт или веб-приложение выглядело хорошо и функционировало безупречно для пользователей. Frontend-разработчик обеспечивает взаимодействие пользователей с веб-приложением, создавая удобный, интуитивно понятный интерфейс, который обеспечивает приятный опыт использования. Введение. Теоретическая базаВ первую очередь необходимо изучить теорию. Рассмотрим так…
Всем привет! Меня зовут Иван Кузнецов, я Head of Frontend в Uzum Market. Расскажу о сложностях, с которыми мы столкнулись на пути к реализации микрофронтендовой архитектуры, и поделюсь результатами, которые мы получили в процессе пакетирования наших решений с помощью Lerna. Надеюсь, тебе, дорогой читатель, будет очень интересно :)Для лучшего понимания этой статьи рекомендую сначала прочитать:Управление зависимостями JavaScriptУстановка и настройка Nexus Sonatype, используя подход infrastructure…
"React 19 RC". Источник: React Conf 2024Temp UPD: прямо сейчас проходит второй день React Conf.Несколько часов назад завершился первый день Конференции React.js. Долгожданной конференции спустя почти 3 года после предыдущей. Не менее долгожданны и обновления реакта. И именно с них была начата конференция, им и будет посвящена статья. И да, как вы увидели из превью — 19 версия перешла в статус release candidate. Полноценный же релиз нам обещают в течении двух недель.В целом, мне как next…
Год назад я планировал выпустить серию статей по мотивам бесед с моими коллегами, но дальше одной статьи не пошло, хотя материала накопилось достаточно. Большинство моих товарищей остались на прошлых местах работ и считаю необходимым в знак уважения перед этими неординарными и талантливыми личностями продолжить свои рассказы охотника до талантов.Сегодня — это руководитель и senior fullstack Марк Локшин. В этой беседе мы обсуждаем о заходе в тему разработки собственного инструмента Business Inte…
Next.js предлагает широкие возможности для создания высокопроизводительных веб-приложений. Важной частью его функциональности с появлением Next App Router являются серверные и клиентские компоненты, которые позволяют разработчикам управлять рендерингом на стороне сервера и на стороне клиента, в зависимости от требований проекта. Давайте разберемся в этих компонентах более подробно. Текст и примеры в статье относятся к Next.js 13.4 и старше, в котором React Server Components обрели статус stable…
Картинка для привлечения вниманияВеб-разработка часто требует реализации механизмов обновления контента на странице в реальном времени. Существуют различные сценарии, где это необходимо, например, отображение прогресса выполнения тяжелых задач на бекенде, обновление каких-либо часто изменяющихся данных, будь то курсы валют или мониторинг какой-то активности, чаты, различные уведомления. Эти сценарии объединяет одна общая особенность: источник события необходимости обновления данных находится не…