Я запустил GTA San Andreas на своем движке в браузере, один с Claude, за 3 недели
далее пойдёт подробная история о том, как я его создал — игровой движок с нуля, сделанный совместимым с RenderWare (движком, на котором работает GTA San Andreas), запускающийся в браузере. Один, за три недели, с Claude Code.
«РБПО для бедных»: проверяем CI/CD-конвейер на реальных уязвимостях
За шесть предыдущих выпусков мы собрали собственный конвейер безопасной разработки: развернули виртуальные машины, подняли инфраструктуру из GitLab, Vault, Nexus, DefectDojo и Dependency-Track, написали CI/CD-пайплайн, подключили сканеры безопасности и настроили резервное копирование. Остается главный вопрос: сможет ли наш конвейер находить реальные уязвимости, а не просто радовать разработчиков зелеными галочками в интерфейсе GitLab? Как говорили старые DevSecOps-бояре, «в нашем деле на слово не верят — безопасность нужно проверять». Поэтому сегодня устроим нашему конвейеру проверку боем. Возьмем уязвимое приложение Reactvulna, загрузим его в GitLab и прогоним через собранный нами пайплайн. После этого разберем результаты сканирования и посмотрим, насколько хорошо собранная нами инфраструктура справляется с обнаружением проблем безопасности.
https://habr.com/ru/companies/bastion/articles/1041736/
#рбпо #безопасность_вебприложений #безопасная_разработка #DevSecOps #react #secure_development #рбпо_для_бедных #ci_cd #информационная_безопасность #стартапы
Как протестировать более 40 UI-компонентов за минуту: ускоряем скриншот-тесты
Привет, Хабр! Меня зовут Антон, я фронтенд‑разработчик в Домклик. Наша команда отвечает за библиотеку «Продуктовых сниппетов» — те самые карточки недвижимости, которые вы видите в нашей поисковой выдаче. Проблема в том, что этих карточек у нас более 40 видов (сниппеты вторичной, первичной, загородной, краткосрочной недвижимости, каждый тип имеет несколько размеров под разные разрешения), и все они живут в одной монорепозиторной библиотеке на React 19 . Любая правка в общих стилях или глобальных дизайн-токенах, или элементарное обновление компонентов дизайн-системы превращалось в игру «Сапёр»: поправил отступ в одном типе сниппета — поехала вёрстка или поплыл паддинг в другом, о чём мы узнавали уже при тестировании релиза или, что хуже, от пользователей после релиза. Я расскажу, как мы внедрили полноценное визуальное регрессионное тестирование (Visual Regression Testing) на основе Storybook , Playwright и Jest , с какими трудностями столкнулись при стабилизации скриншотов и как заставили тесты работать стабильно.
https://habr.com/ru/companies/domclick/articles/1050424/
#playwright #storybook #visualregressiontesting #react #jest #screenshottesting #frontend
⚽ Nueva actualización en El Bagual del Gol
https://bagualgol.duckdns.org
Ya se encuentra disponible el cuadro de eliminación del Mundial junto y resumen de los partidos.
Para implementarlo terminé creando una skill propia: tournament-bracket.
Mi idea inicial era reutilizar alguna librería existente, pero ninguna se adaptaba bien a React 19 + TailwindCSS v4, así que opté por desarrollar una solución propia, sin dependencias externas.
Próximamente compartiré la skill en GitHub.
#React #TailwindCSS #WebDevelopment #Futbol #WorldCup #skill
The amount of backflips you have to do to use modern front-end frameworks and animation is comical. Um, no thanks.
https://www.metajive.com/latest/framework-agnostic-page-transitions-nextjs-app-router
Building forms and user interfaces?
Explore Shadcn Input Components designed for modern React and Next.js applications.
👉 https://shadcnspace.com/components/input
#react #nextjs #shadcnui #webdev #inputcomponents #shadcninput
Два месяца спустя. Что я понял, пока пытался сделать E2EE-мессенджер
Два месяца назад я опубликовал статью про свой pet-проект — E2EE-мессенджер. Честно говоря, я не ожидал, что она вызовет такой интерес. Прилетели комментарии, замечания, вопросы и довольно полезная критика. Где-то меня поправили по делу. Где-то заставили пересмотреть решения, которые мне самому на тот момент казались нормальными. И, что самое приятное, часть вещей, которые тогда были только в roadmap, за это время удалось реализовать. Первая часть: https://habr.com/ru/articles/1030854/ Проект: https://github.com/vaazhen/chaos-e2ee-messenger Вообще, за эти два месяца я понял одну простую вещь. Написать чат оказалось не так сложно. Написать E2EE-мессенджер — уже сложнее. А вот понять, почему Signal делали столько лет, оказалось совсем другой историей. Сначала кажется: ну есть же документация, есть X3DH, есть Double Ratchet, есть WebCrypto, есть статьи, есть спецификации. Осталось просто аккуратно всё собрать. Примерно в этот момент где-то вдалеке начинает смеяться инженер из Signal. Сразу оговорюсь: chaos messenger — это не замена Signal и не “готовый безопасный мессенджер”, а open-source pet-проект, на котором я разбираюсь, как E2EE-системы устроены изнутри.
https://habr.com/ru/articles/1051406/
#E2EE #endtoend_encryption #Double_Ratchet #X3DH #WebCrypto #Spring_Boot #React #Electron #PostgreSQL #Redis
Purple Technology is hiring Agent Backend Engineer
🔧 #typescript #react #reactnative #serverless #node #api #graphql #aws #cicd #mongodb #postgresql
🌎 Brno, Czech Republic
⏰ Full-time
🏢 Purple Technology
Job details https://jobsfordevelopers.com/jobs/agent-backend-engineer-at-purple-technology-com-mar-24-2026-f0bdcb?utm_source=mastodon.world&utm_medium=social&utm_campaign=posting
#jobalert #jobsearch #hiring
𝗪𝗮𝘁𝗲𝗿𝗺𝗲𝗹𝗼𝗻𝗗𝗕, 𝗻𝗲𝘅𝘁-𝗴𝗲𝗻𝗲𝗿𝗮𝘁𝗶𝗼𝗻 𝗥𝗲𝗮𝗰𝘁 𝗱𝗮𝘁𝗮𝗯𝗮𝘀𝗲:
https://thewhale.cc/posts/watermelondb
WatermelonDB is a new way of dealing with user data in React Native and React web apps. It's optimized for building complex applications in React / React Native, and the number one goal is real-world performance.
[Перевод] Astro 7: переход на Rust, улучшенное кэширование и поддержка AI-разработки
Astro — фреймворк для сайтов, который минимизирует поставку JavaScript на клиент, обеспечивая высокую производительность. 22 июня вышла седьмая версия, в которой разработчики серьёзно прокачали скорость. Компилятор .astro переписали на Rust, туда же перенесли обработку Markdown и MDX, а движок рендеринга заменили на систему с очередями. Вкупе с Vite 8 и новым бандлером Rolldown сборки ускорились на 15–61% по внутренним бенчмаркам. А поскольку самая быстрая сборка — та, которую не нужно запускать вовсе, в Astro 7 также стабилизировали кэширование маршрутов и добавили экспериментальных CDN-провайдеров кэша для Netlify, Vercel и Cloudflare. В Astro 7 добавили продвинутый роутинг: появляется точка входа src/fetch.ts, дающая полный контроль над конвейером обработки запросов в Astro. Для разработки с участием ИИ Astro теперь умеет определять coding agents, запускать dev-сервер в фоне и выводить структурированные JSON-логи, когда агентам нужен машиночитаемый ответ.
Habr
Valerka
@
Shadcn Space
Jobs for Developers
The whale