Рубрика «React» - 2
Как я писал свой первый веб‑чат на React + FastAPI и всё сломал (а потом починил)
2025-12-30 в 18:06, admin, рубрики: deployment, fastapi, React, render, TypeScript, Vercel
Next JS и React опять дал сбой? CVE-2025-55182, или о том как легко ломают сервера
2025-12-27 в 22:34, admin, рубрики: CVE, CVE-2025-55182, javascript, NeXT, React, react4shell, информационная безопасность, кибербезопасность, сервера, уязвимости
Предисловие
Привет! Меня зовут Андрей, я ведущий специалист кибербезопасности в Digital агентстве Фкор, а также её генеральный директор. Наша команда недавно столкнулась с серьезной проблемой. Как мы её прозвали в команде "зимняя уязвимость" реакта.
Читать полностью »
shadcn-glass-ui: Glassmorphism поверх shadcn-ui без миграции
2025-12-21 в 13:37, admin, рубрики: glassmorphism, React, shadcn, Tailwind, TypeScript, UIПривет! Представляю shadcn-glass-ui — React-библиотеку с glassmorphism-эффектами, которая устанавливается поверх существующих shadcn/ui проектов за 2 команды. Никакой миграции, никакого переписывания кода — просто добавьте glass-варианты ваших компонентов.
TL;DR
Читать полностью »Внедрение архитектуры: от хаоса к порядку
2025-12-21 в 9:15, admin, рубрики: atomic design, eslint, frontend-разработка, FSD, Local First, nextjs, React, архитектураВсем привет! Меня зовут Анатолий, я представляю команду Front-End разработки компании DD Planet.
В этой статье расскажу о том, как наш проект завершил этап разработки и трансформировался в стабильный рабочий продукт.
Рождение
Как я автоматизировал перевод 10 000 строк на 3 языка за один день
2025-12-21 в 6:15, admin, рубрики: babel, jsx, React, react.js, TypeScript, автоматизацияПривет! Меня зовут Нияз, frontend тимлид из Казахстана. Это мой первый пост — делюсь скриптами, которые сэкономили неделю работы.
Проблема
HR-платформа, 8000+ TypeScript файлов, весь текст захардкожен на русском. Бизнес хочет английский и казахский.
<Button>Сохранить</Button>
<span>Привет, {userName}!</span>
const error = "Произошла ошибка";Руками — это неделя копипасты и сотни пропущенных строк. Решил написать скрипты.
Результат
|
Метрика |
Значение |
|
Ключей перевода |
9,823 |
hq-cropper: Image Cropper без зависимостей для JavaScript
2025-12-16 в 11:45, admin, рубрики: canvas, image cropper, javascript, npm, open source, React, TypeScript, библиотека, обрезка изображенийПривет! Хочу рассказать о своей библиотеке hq-cropper — инструменте для обрезки изображений на чистом TypeScript без единой зависимости.
Когда искал cropper для своего проекта, столкнулся с двумя проблемами. Во-первых, большинство популярных решений тянут за собой кучу зависимостей и весят 100+ KB. Во-вторых, мало кто работает с большими изображениями.
Решил написать своё решение: лёгкое, без зависимостей, с умным алгоритмом масштабирования.
Проблема больших изображений
Ситуация: пользователь загружает фото 4000×3000 пикселей, а вам нужен аватар 200×200. Большинство кропперов справляются с этим плохо:
Подборка вопросов для собеседования Frontend-разработчика
2025-12-04 в 5:01, admin, рубрики: css, html, javascript, nextjs, React, scss-
В какой компании ты работал и что приходилось там делать?
-
Как проходил код-ревью на прошлом месте работы?
-
Сколько людей было в команде?
-
На каком стеке работали?
-
Как вы делали задачи?
-
Расскажи про свой опыт?
-
Расскажи, какие самые сложные или интересные задачи ты выполнял?
-
Работал ли ты с iframe?
-
Нужен ли БЭМ в 2025 году?
-
Что такое flex и flex-shrink?
-
В чём разница между display: none и visibility: hidden?
-
Как работает z-index?
-
Разница между async и defer для script
FlashcardsLoop — или как я делал свой Quizlet
2025-12-02 в 18:16, admin, рубрики: ASP.NET, C#, c#.net, docker, React, изучение программирования, изучение языков, карточкиЖадность — двигатель прогресса: как начинающий C# разработчик пилил бесплатную замену Quizlet, трогал React и боролся с Frontend-ом
По традиции статей Хабра начну с описания проблемы.
Я изучаю C#, .NET, ASP.NET и ищу работу Backend-разработчика. Сейчас дело дошло до собеседований и фундаментальных вещей (синтаксис, паттерны проектирования, принципы SOLID), я понял, что информации море и она вываливается из головы.
О дивный новый анимированный мир — ViewTransition в React
2025-11-23 в 19:15, admin, рубрики: animation, css, html, javascript, React, react 19, react conf 2025, react.js, view transitions, view transitions apiВсем привет. Я Артем Курочкин, frontend разработчик компании DD Planet.
Сегодня я расскажу об одном из ключевых нововведений в React, представленных на React Conf 2025. Прошу любить и жаловать ViewTransition - нативная поддержка view transition api в экосистеме реакта.
Что это значит для React-разработчиков и как нам всем это поможет, мы и разберем в этой статье.
Что за зверь такой View Transition API
The View Transition API provides a mechanism for easily creating animated transitions between different website views. This includes animating between DOM states in a single-page app (SPA), and animating the navigation between documents in a multi-page app (MPA).