Category : javascript

javascript
React Update Lifecycle: что происходит при обновлении компонента

Каждый раз, когда я пытался разобраться, как устроен React Update Lifecycle, у меня возникали одни и те же вопросы. Что такое Virtual DOM? Где заканчивается Render Phase? Когда обновляется DOM? Почему useLayoutEffect срабатывает раньше useEffect? И в какой момент React вообще применяет изменения?Поэтому я решил наглядно визуализировать жизненный цикл обновления в React 18+, разбить весь процесс на фазы и объединить их в одну схему. Под схемой — детальный разбор каждого шага. Схема1. Trigger: чт…

  • четверг, 6 августа 2026 г. в 00:00:07
javascript
Как мигрировать 1 млн строк кода с одного языка на другой за 2 недели

До недавнего времени миграции кода, при которых рабочую кодовую базу переносят на новый язык, занимали несколько лет.За последний месяц отдельные разработчики Anthropic с помощью Claude Fable 5, Claude Opus 4.8 и dynamic workflows перенесли десять проектов объемом от десятков до сотен тысяч строк кода. В этой статье мы разберем два примера и лучшие практики, сформировавшиеся в ходе этих проектов.Джарред Самнер, сооснователь Bun и технический специалист Anthropic, использовал Claude Code, чтобы …

  • четверг, 6 августа 2026 г. в 00:00:06
javascript
Я написал мессенджер в одиночку … Разбор 149-ФЗ

Омаж на статью https://habr.com/ru/articles/1066668/ от @BorisXQХайпимся ? Да!Я тоже написал "мессенджер" на любимом $mol ( благодаря которому я могу добавить этот мессенджер в любое своё $mol приложение за 1 строчку кода ) и GiperBaza, без слежки, логина, пароля, и вообще без сбора каких либо данныхИ даже почти без сервера)P.S Только для домашнего использованияМожно создать диалог с тем, чей айди тебе известен, либо создать беседу и пригласить туда людей, либо создать реестр, что бы в…

  • четверг, 6 августа 2026 г. в 00:00:05
javascript
AAA Движок для GTA San Andreas в браузере и переписывание ThreeJS

Если лень читать - сразу дам ссылки на важные ресурсы:Demo: https://opensa.ccRepo: https://github.com/AlexSergey/opensaNew Trailer: https://www.youtube.com/watch?v=eA1gVWzANRU Прошлые статьи серии:https://habr.com/ru/articles/1051828/https://habr.com/ru/articles/1057352/В прошлых эпизодах я описывал создание первого прототипа, а затем исправление проблем с картой.Настала пора самого интересного - сделать современную графику.Изначально движок RenderWare не предоставляет возможностей динамических…

  • среда, 5 августа 2026 г. в 00:00:09
javascript
Заметки фром реакт документейшен | React: грабли, о которые я спотыкалась. Часть 1

React я использую совсем недавно и вообще я бэкенд разработчик, но жизнь завела меня во фронтенд. Получилось так, что времени на обучение и курсы у меня не было, пришлось обучаться прямо в процессе. Мой принцип был "работает и ладно", но принципы нормального фронтенда явно отличались. Шишек я набила знатных с точки зрения чистоты и логики кода. Это статья для таких же новичков, как я. Представляю вам сборник граблей, о которые я спотыкалась сама, и решений к этим граблям, которые родили…

  • среда, 5 августа 2026 г. в 00:00:08
javascript
Картинка грузится, а fetch к тому же хосту — нет: как CSP тихо сломала три интеграции

Полгода назад я закрыл замечание аудита «на сайте нет CSP» — прописал Content-Security-Policy с белым списком хостов, проверил, что ничего не отвалилось, и забыл. За три дня на прошлой неделе я нашёл три интеграции, которые эта политика убила молча. Ни одна из них не оставила следа на сервере.Это заметка про то, почему такие поломки не видно, и про пятистрочный скрипт, который находит их все сразу.СимптомУ меня есть страница «МКС онлайн»: живая позиция станции — широта, долгота, высота, скорост…

  • среда, 5 августа 2026 г. в 00:00:06
javascript
Фронтенд умер? Нет, но AI уже держит лопату

Привет, на связи Рома Миронов из Авито. Я бывший — хотя бывших не бывает — фронтендер, а сейчас тим- и техлид. Ковыряю AI и больше ничем не занимаюсь — кроме команды, конечно :) В этой статье расскажу, почему фронтенд пока не умер, какие задачи уже можно отдавать агентам, где они красиво ошибаются и почему сначала от AI становится больнее, а не легче.Фронтенд не умер. Умирает часть ручной рутиныПочему фронтенд попал под первую волну AI-изацииДва кейса: расследование 500 и 38 PRНедостатки AI и м…

  • среда, 5 августа 2026 г. в 00:00:05
javascript
Хакатон — соло игра за 2 дня на Fable 5 и Nano Banana 2

Вот игра: https://games.zenkovich.space/TokenDelivery/Вот код и ресурсы: https://github.com/o2-engine/o2-Template/pull/1Дело в том, что я знатный велосипедостроитель! Я решил сделать игру не просто сам, но еще и полностью на своих инструментах:игровой движок o2 - https://github.com/o2-engine/o2 нодовая ассето-генерилка онлайн - https://assetsline.zenkovich.space/ Одно дело баловаться синтетическими тестами, другое дело - сделать игру! Хоть и не большую. Начнем с движкаo2 game engineРедактор с …

  • вторник, 4 августа 2026 г. в 00:00:07
javascript
Статичный сайт с Vite + Caddy + Docker: пошаговое руководство

В данной статье будет подробно рассмотрен полный цикл деплоя сайта, используюшего Vite в качестве инструмента сборки. Мы напишем многоступенчатый Dockerfile, чтобы собрать образ с готовой статикой, и поднимем контейнер с сервером Caddy, который автоматически выдаст и будет обновлять сертификаты Let's Encrypt.Нам понадобитсяАрендованный или домашний сервер на Ubuntu с публичным IPДомен, привязанный к IPDockerГотовый проект с viteТерминалСтруктура проектаПодразумевается, что у вас уже есть пр…

  • вторник, 4 августа 2026 г. в 00:00:05