| Date | Title | Description |
| Sign up to see | Sign up to see | Sign up to see |
| Feb 25, 2026 | Почему мы в Профи.ру выбрали монорепозиторий, а не микрофронтенды | Привет, на связи снова я, Александр Мищенко, тимлид отдела по платформенной разработке в Профи.ру.
В прошлых статьях я уже рассказал:
— Как мы смирились с легаси
— Как переехали на React Native всей командой
В этот раз поделюсь ещё одной ис... |
| Feb 18, 2026 | Архитектура Laravel для продакшена: Traefik + FrankenPHP | Это практическое руководство по развертыванию высокопроизводительного стека Laravel с использованием Octane, FrankenPHP и полностью автоматизированного процесса сборки и деплоя на базе Docker Compose.
Laravel — очень производительный фреймв... |
| Feb 17, 2026 | pure-md5: Современная реализация MD5 для JavaScript с поддержкой TypeScript, стримов и нулевыми зависимостями | В 2026 году может показаться странным писать новую библиотеку для MD5. Алгоритм считается устаревшим, браузеры постепенно убирают его из Web Crypto API, а в документации Node.js есть предупреждения о его использовании.
Но реальность сложнее... |
| Feb 17, 2026 | Мы сократили деплой кнопок с двух дней до одного часа, или как Nx облегчил жизнь фронтендеров Рунити | Привет, Хабр! На связи Никита Ли, frontend-разработчик в Рунити.
За последние годы мы в Рунити пришли к довольно привычной для крупных frontend-команд ситуации: проектов становилось больше, кодовая база разрасталась, а количество переисполь... |
| Jan 27, 2026 | Результаты исследования: требования к джуниор фронтенд-разработчикам | В Яндекс Практикуме мы постоянно следим за изменениями на рынке и обновляем учебные программы в соответствии с новыми требованиями. Чтобы актуализировать курс «Фронтенд-разработчик», в конце 2025 мы опросили нанимающих менеджеров из Сбера, ... |
| Dec 6, 2024 | Как удалить неиспользуемые зависимости из проекта? | freepik
В процессе разработки проекта со временем могут накапливаться неиспользуемые зависимости. Они увеличивают размер проекта и могут создавать потенциальные уязвимости. Рассмотрим основные методы очистки проекта от таких зависимостей.Ин... |
| Oct 30, 2024 | Путь к мастерству: Как стать успешным разработчиком | 👩💻 Программирование — это путь, полный вызовов и возможностей для роста. Я начал этот путь в 2010 году как Junior-разработчик и на данный момент достиг позиции Tech Lead, продолжая развиваться в профессии. Накопленный опыт позволяет мне с ... |
| Sep 22, 2024 | Apache Kafka – Producer и Consumer. Простой пример Nodejs приложения | Привет! В продолжение темы изучения микросервисов решил разобраться с взаимодействием этих самых «сервисов», и написать простой пример взаимодействия двух сервисов между собой.
Перед чтением данной статьи, настоятельно рекомендую ознакомить... |
| Sep 21, 2024 | Mastering Splash Screens and Gradle Plugins in Mobile Development | In the world of mobile app development, first impressions matter. The splash screen is the first visual interaction users have with an app. It’s like the cover of a book; it sets the tone and invites users in. A well-designed splash screen ... |
| Sep 20, 2024 | React Native Splash Screen — поддержка разных тем | Всем привет! На связи команда dev.family. В этой статье мы делимся кратким гайдом по установке Splash Screen в кросс-платформенное приложение, написанное на React Native, с поддержкой нескольких тем.
Splash screen — первый экран, который ви... |
| Sep 1, 2024 | The Future of Development: Embracing AI as a Platform | Artificial Intelligence (AI) is no longer just a buzzword. It’s a transformative force, reshaping how we approach development. The conversation around AI often oscillates between two extremes: one side fears that AI will replace human progr... |
| Aug 29, 2024 | Ручной деплой NestJS и Angular приложений на выделенном сервер через «Docker Compose» и «PM2» | Предыдущая статья: Сборка приложений на NestJS и Angular и запуск их в двух вариантах: через PM2 и через "Docker Compose"
Покупаем выделенный сервер и настраиваем SSH доступ к нему с локального компьютера.
Добавляем https://github... |
| Aug 2, 2024 | Основы тестирования React-приложений через Cypress | Привет, Хабр! Сегодня рассмотрим как автоматизировать тестирование React-приложений с инструментом Cypress.
Для начала работы с Cypress React-проекте, первым делом нужно установить сам пакет. Это можно сделать с помощью npm или Yarn:
npm in... |
| Jul 31, 2024 | Navigating the Waters of TypeScript and React: A Guide to Props Typing | In the world of web development, React and TypeScript are like two sides of a coin. They complement each other, enhancing the development experience. But understanding how to type props in React can feel like navigating a maze. Let’s simpli... |
| Jul 30, 2024 | Основы типизации props в React | Данная статья рассчитана на тех, кто только начинает писать свои React приложения на TypeScript, а также является памяткой для меня, ведь совсем недавно я путался в типизации children props.
Начну с того, что есть задачи и проекты, для реал... |
| Jul 10, 2024 | Профайлер памяти. Зачем он нужен и как использовать | Профайлер памяти — это инструмент, который анализирует работу конкретного приложения, помогает выявить утечки памяти, показывает точное количество использованной памяти и количество выделений. Если программа потребляет больше памяти, чем ож... |
| Jun 28, 2024 | Управление зависимостями в Javascript заходит на новый виток? Работа с ES модулями без сборщиков | Изначально эта статья задумывалась, как рассказ о различиях и назначении полей dependencies, devDependencies и peerDependencies в package.json. Эту тему выбрали ребята в моем телеграм-канале, кстати подписывайтесь, если еще не. Однако, когд... |
| Jun 27, 2024 | Полный гайд по UI-китам: как их создавать, подключать и ничего не бояться | Привет! Я Леша Кузьмин, главный про фронтенду в AGIMA. Мы с коллегами решили суммировать наш опыт по подготовке UI-китов и сделать большую и внятную инструкцию для новичков. Во-первых, это удобно — будем давать эту статью нашим стажерам и п... |
| Jun 20, 2024 | На чем разработать свой стартап или с чего начать хакатон в 2024? (часть 1) | typical startup thinking about technology
Давайте попробуем собрать свой идеальный boilerplate для full-stack разработки. В статье мы будем постепенно собирать шаблон для быстрого запуска стартапов.
Сразу предупреждаю, что статья будет холи... |
| Jun 17, 2024 | Системное мышление на практике: переход от монолита к микрофронтендам и обратно | Меня зовут Олег, я уже 20 лет работаю в ИТ и в основном на Enterprise-проектах. Сейчас работаю в Альфа-Банке на проекте Альфа-Онлайн и хочу поделиться своим видением управления сложностью на больших проектах.
Мой опыт работы с десятком комп... |
| May 15, 2024 | Платформа А/В-экспериментов: история про то, как делать сервисы лучше | Успешность любого продукта во многом зависит от того, насколько точно он отвечает запросам конечных пользователей. Но даже если продакт-менеджер обладает гигантским опытом и великолепным чувством вкуса, есть вероятность принять неверное реш... |
| Apr 10, 2024 | Путешествие в yarn | За последние пару лет многие российские компании перестали получать обновления зарубежного софта или вовсе потеряли к нему доступ. Мы, как и наши коллеги из других отечественных компаний, задумались о поиске альтернатив используемым нами ре... |
| Apr 1, 2024 | Docker для новичков — #1 Что такое контейнер, image, DockerHub? | Эта публикация - текстовый вариант и сценарий для видео на YouTube (оно удобно разбито на эпизоды).
Плейлист на YouTube
Docker для новичков - #2 Все инструкции Dockerfile
Привет, сегодня я расскажу о том что такое Docker, контейнеризация, к... |
| Mar 15, 2024 | Разработка SQL Expert Bot: подробный гайд по использованию Vercel AI SDK и API OpenAI | OpenAI заложила фундамент для революции в сфере искусственного интеллекта с появлением ChatGPT, открывая новую эру в области AI, которую активно используют как отдельные люди, так и бизнес-сообщества. OpenAI даже предоставила API для разраб... |
| Jan 28, 2024 | Переход с Vue-CLI на Vite: ускоряем разработку Vue 3 | Vue.js - один из самых популярных JavaScript-фреймворков, который используется для создания динамических пользовательских интерфейсов. С появлением Vue 3, разработчики получили еще больше возможностей для создания мощных и эффективных прило... |
| Dec 21, 2023 | Что выбрать: Npm, Yarn или Pnpm? | На данный момент у нас используются три самых популярных менеджера пакетов (Npm, Yarn и Pnpm). И всё бы ничего, но разные команды начали периодически обращаться с проблемой несоответствия типов Typescript из наших транзитивных зависимостей.... |
| Dec 14, 2023 | Роадмэп по современному фронтенду от KTS | Привет! Меня зовут Фёдор, я фронтенд-тимлид в KTS и преподаватель школы Metaclass.
Перед одним из потоков курса «Начинающий React-разработчик» мы провели вебинар, на котором рассказали, что из себя представляет современный фронтенд и какие ... |
| Nov 23, 2023 | WebAssembly: короткий обзор ассемблера для фронтенда | В последнее время фронтенд все больше и больше обрастает новыми технологиями, одна из них — WebAssembly. На ней можно написать полноценное web‑приложение и почти все на что способна ваша фантазия. В статье мы рассмотрим, что такое WebAssemb... |
| Jul 27, 2023 | Как работает Zustand | Hello world!
Zustand (читается как "цуштанд", что переводится с немецкого как "состояние") — это, на мой взгляд, один из лучших на сегодняшний день инструментов для управления состоянием приложений, написанных на React.
... |
| May 15, 2023 | Как yarn v3 и философия Zero Installs помогли нам сократить длительность ci/cd пайплайна в 3 раза | Всем привет, меня зовут Фёдор — я руководитель фронтенд-разработки на проекте Smartbot Pro в компании KTS.
Наш проект — конструктор ботов для социальных сетей, в котором алгоритм бота представлен в виде визуального графа. Конструктор включа... |
| May 10, 2023 | Как я приютил rust wasm при помощи yarn | Решил я тут на днях попробовать соорудить что нибудь на wasm, поскольку ранее начитался про него и выбрал Rust. Это рассказ про то как я затащил wasm на фронтенд без боли.В чём заключается упомянутая боль?
Я люблю когда в моём проекте чисто... |
| Apr 21, 2023 | Монорепозиторий на TypeScript вместо подорожника. Как мы все сломали и сделали лучше | Всем привет, на связи dev.family. Хотим рассказать про интересный проект, над которым мы трудимся почти полгода, и до сих пор продолжаем. За это время в нем многое произошло, многое поменялось. Мы открыли для себя что-то интересное, успели ... |
| Apr 4, 2023 | Знакомьтесь, tRPC | Hello, world!
В этом туториале мы разработаем простое типобезопасное (typesafe) клиент-серверное (fullstack) приложение с помощью tRPC, React и Express.
tRPC — позволяет разрабатывать полностью безопасные с точки зрения типов API для клиент... |
| Mar 21, 2023 | React: интересная схема работы с формами | Hello, world!
В этой статье я хочу рассказать о схеме (назовем ее так) работы с формами в React, которая на сегодняшний день кажется мне наиболее эффективной. Эта схема предполагает использование React Hook Form для обработки форм и Zod для... |
| Mar 6, 2023 | Разрабатываем полезное браузерное расширение легким движением руки | Hello, world!
В этом небольшом туториале мы с вами разработаем простое, но полезное расширение для браузера с помощью Plasmo.
Наше расширение будет представлять собой вызываемый сочетанием клавиш попап с инпутом для поиска информации на MDN... |
| Mar 2, 2023 | Работаем с таблицами с помощью React Table | Привет, друзья!
В этом туториале я покажу вам несколько полезных приемов по работе с таблицами с помощью React Table.
React Table — одна из самых популярных на сегодняшний день библиотек экосистемы React для манипулирования табличными данны... |
| Feb 21, 2023 | Хранение токена доступа в сервис-воркере | Привет, друзья!
На днях прочитал эту интересную статью, посвященную различным вариантам хранения токена доступа (access token) на клиенте. Мое внимание привлек вариант с использованием сервис-воркера (service worker) (см. "Подход 4. Ис... |
| Jan 24, 2023 | Разработка клиент-серверного приложения с помощью Next.js и TypeScript. Часть 1. Настройка проекта и разработка сервера | Привет, друзья!
В этой серии из 2 статей-туториалов мы с вами разработаем клиент-серверное (фуллстек — fullstack) приложение с помощью Next.js и TypeScript.
Руководство по Next.js.
Карманная книга по TypeScript.
Наше приложение будет предст... |
| Jan 12, 2023 | Краткий обзор Bun — новой среды выполнения JavaScript | Привет, друзья!
В этой статья я немного расскажу вам о Bun — новой среде выполнения JavaScript-кода.
Обратите внимание: Bun — это экспериментальная штуковина, поэтому использовать ее для разработки производственных приложений пока не рекоме... |
| Dec 21, 2022 | JavaScript: замена фона видео и реализация интересных эффектов на основе координат лица в реальном времени | Привет, друзья!
Я продолжаю изучать MediaPipe — библиотеку с открытым исходным кодом от Google, предоставляющую "кроссплатформенные и кастомизируемые решения на основе машинного обучения для работы с медиа", и в этой статье хочу р... |
| Dec 19, 2022 | Семантическое версионирование и проблемы с зависимостями — коротко о lockfile | Что такое и как выглядит lockfile?
Lockfile — описанное дерево зависимостей проекта с конкретными версиями каждого пакета: что у тебя установлено, какой версии, чего, что от чего зависит. Нужен, чтобы гарантировать одинаковое состояние и ра... |
| Dec 7, 2022 | React: работа с 3D-графикой | Привет, друзья!
В данном туториале я покажу вам самый простой и быстрый, хотя и не очень оптимальный с точки зрения размера сборки, способ рендеринга 3D-объектов и моделей в React.
Мы решим 3 интересные задачи:
рендеринг самописного 3D-объе... |
| Nov 28, 2022 | React: решение интересной практической задачи | Привет, друзья!
В данном туториале я хочу поделиться с вами опытом решения одной интересной практической задачи.
Предположим, что у нас имеется страница сравнения товаров. На этой странице отображается слайдер с карточками товаров и таблица... |
| Nov 24, 2022 | Зачем писать на C++ в 2022 году? | C++ — это язык программирования, основы которого были заложены более 40 лет назад, но который по-прежнему повсеместен. В этой статье мы с вами разберемся, где и почему он используется, и порассуждаем, есть ли у него будущее.Где сегодня испо... |
| Nov 9, 2022 | JavaScript: управление содержимым веб-страницы с помощью жестов | Привет, друзья!
Еще недавно управление содержимым веб-страницы с помощью жестов можно было наблюдать разве что в фантастических фильмах. Сегодня все, что для этого требуется — видеокамера и браузер (и библиотека от Google).
В данном туториа... |
| Nov 8, 2022 | Как упаковывать и дистрибутировать модели машинного обучения с помощью MLFlow | MLFlow - это инструмент для управления всеми стадиями жизненного цикла модели машинного обучения. Более того, в статье рассматриваются вопросы инсталляции и настройки службы MLFlow, а также приводятся примеры создания и совместного использо... |
| Oct 21, 2022 | JavaScript: редко используемые, но полезные API | Привет, друзья!
В продолжение разговора, начатого в этой статье, хочу рассказать вам еще о некоторых API, которые редко встречаются в "дикой природе", но могут оказаться весьма полезными в "пограничных ситуациях":
Beacon... |
| Oct 7, 2022 | JavaScript: малоизвестные, но полезные API | Привет, друзья!
Представляю вашему вниманию перевод этой замечательной статьи, посвященной 4 малоизвестным API, которые в некоторых ситуациях могут оказаться весьма полезными:
Page Visibility API;
Web Share API;
Broadcast Channel API;
Inter... |
| Jul 20, 2022 | Sass: разрабатываем дизайн-систему | Привет, друзья!
В данной статье мы разработаем простую, но относительно полноценную дизайн-систему для веб-приложения средствами Sass.
Почему Sass? Потому что, кроме полной поддержки CSS, Sass предоставляет несколько интересных инструментов... |
| Jun 30, 2022 | Разрабатываем десктопное приложение для заметок с помощью Tauri (React + Rust) | Привет, друзья!
В данном туториале мы разработаем десктопное приложение с помощью Tauri. Tauri — это фреймворк для создания десктопных приложений, похожий на Electron, но позволяющий использовать Rust вместо Node.js, например, для взаимодей... |
| Jun 17, 2022 | JavaScript: заметка о сканере предварительной загрузки и пропуске невидимого контента | Привет, друзья!
В этой заметке я хочу рассказать о двух вещах:
Сканере предварительной загрузки (теоретическая часть).
Пропуске невидимого контента (практическая часть).
Обе технологии используются браузером для повышения скорости загрузки ... |
| Apr 25, 2022 | Node.js: разрабатываем пакетный менеджер | Привет, друзья!
Вам когда-нибудь хотелось узнать, как под капотом работают пакетные менеджеры (Package Manager, PM) — интерфейсы командной строки (Command Line Interface, CLI) для установки зависимостей проектов наподобие npm или yarn? Если... |
| Apr 8, 2022 | Разрабатываем чат с помощью Nest, React и Postgres | Привет, друзья!
В данном туториале мы разработаем чат с использованием следующих технологий:
TypeScript — статический типизатор;
NestJS — сервер;
Socket.IO — библиотека для работы в [веб-сокетами]();
React — клиент;
TailwindCSS — библиотека... |
| Feb 6, 2022 | Память в браузерах и в Node.js: ограничения, утечки и нестандартные оптимизации | Интро: почему я написал эту статью
Меня зовут Виктор, я разрабатываю страницу результатов поиска Яндекса. Несмотря на внешнюю простоту, поисковая выдача — сложная штука: на каждый запрос генерируется своя уникальная страница, на которой в з... |
| Feb 3, 2022 | React: WebRTC Media Call | Привет, друзья!
В этой статье я покажу вам, как разработать приложение для совершения аудио/видео звонков с помощью WebRTC.
Функционал нашего приложения будет следующим:
при запуске приложения пользователь А получает уникальный идентификато... |
| Jan 27, 2022 | React: Code Editor | Привет, друзья!
В этом небольшом туториале я покажу вам, как разработать простой редактор кода на React.
Обратите внимание: туториал рассчитан, преимущественно, на начинающих разработчиков, хотя, смею надеяться, что и опытные найдут в нем ч... |
| Dec 17, 2021 | Разрабатываем шаблон React + Express + TypeScript приложения | Привет, друзья!
В этой статье я хочу показать вам, как создать шаблон React.js + Express.js + TypeScript приложения.
Обоснование используемых технологий (сугубо личное мнение, которое не обязательно должно совпадать с вашим):
React — далеко... |
| Nov 18, 2021 | Angular Libs как монорепозиторий: начало, настройка, работа с assets | Всем привет! Меня зовут Илья, и я тимлид команды фронтенда в Каруне. В этой серии статей я хочу как можно подробнее осветить отличный инструмент Angular Libs. В частности, то, как можно использовать его в качестве монорепозитория для сборки... |
| Sep 2, 2021 | New Relic : Ship Performance Data from Gatsby Builds Using OpenTelemetry | Coding doesn't have to be a horror movie, but sometimes the build process for Jamstack applications reminds us of The Shining.
We can picture Jack Nicholson's character staring at a replica of a garden maze laid out before him, searching fo... |
| Apr 28, 2021 | How I Got Here: Jenny Fung’s tech career path from environmental science to Azavea apprentice to full-stack software engineer | As a student at Washington University in St. Louis, Jenny Fung was driven by an interest in better understanding climate change. She explored different types of environmental work early in her career that included lab work and activism. But... |
| Oct 11, 2016 | Facebook open-sources Yarn, a JavaScript package manager | Facebook today is open-sourcing Yarn, a package manager for efficiently installing JavaScript packages that represent dependencies for applications. Yarn is available now on GitHub under a BSD-2-Clause license.
Facebook used the Npm client ... |
| Реализация подписки на обновления с помощью Google Sheets, Netlify Functions и React. Часть 1 | В этом туториале мы реализуем ~~Real World App~~ — подписку на обновления с помощью гугл таблиц, бессерверных функций и реакта.
Основной функционал нашего приложения будет следующим:
на главной странице отображается приветствие и предложени... |
| Docker: заметки веб-разработчика. Итерация третья | Привет, друзья! Продолжаю делиться с вами заметками о Docker.
Заметки состоят из 4 частей: 2 теоретических и 2 практических. Если быть более конкретным:
первая часть посвящена Docker, Docker CLI и Dockerfile;
во второй части рассказывается ... |
| React: тестируем компоненты с помощью Jest и Testing Library | Привет, друзья!
В данном туториале я покажу вам, как тестировать компоненты на React с помощью Jest и Testing Library.
Список основных задач, которые мы решим на протяжении туториала:
Создание шаблона React-приложения с помощью Vite.
Создан... |
