Настя Котова // Frontend & Node.js

Новый год — новый цикл статей! За последнее время мы обсуждали и V8, и какие-то нюансы работы Node.js. Теперь же пришло время прикоснуться к самому прекрасному во фронтенде — к рендерингу 💫 От кода до пикселей: как работает рендеринг. Часть 1. Браузерные движки. Первая часть уже ждёт вас 💃

Моё выступление на питерском DUMP уже завтра! Но не грустите, если вас там не будет! Я, как и в прошлые разы, выложу сюда слайды и материалы. А также запись самого выступления, как только она появится 💫

Этот год здесь хочется начать с какого-то не перегружающего поста, потому что, кажется, многие всё ещё отходят от новогодних праздников (я так точно) и только потихоньку въезжают в рабочий режим. Про ИИ в разработке уже не написал разве что ленивый. В частности, про его использование как рабочего инструмента. Я не буду открывать Америку, а просто поделюсь своим небольшим опытом — вдруг кому-то окажется актуально. Я не считаю себя ни ярым сторонником, ни противником ИИ. Не согласна с тем, что он ...

Пока я отдыхаю после активной недели в Питере, отправляю обещанные материалы и слайды моего пятничного доклада про компиляторы в V8. Материалы - https://github.com/startpointforl/v8-compilers-materials А цикл про рендеринг вернётся уже на следующей неделе.

Вторая часть цикла уже здесь. Начинаем разбирать конвейер рендеринга на примере Chromium (спойлер: там не всё так просто, как было раньше) 🙊 От кода до пикселей: как работает рендеринг. Часть 2. Конвейер рендеринга.

Уязвимости React — причины и выводы За последние пару недель вокруг React Server Components и server actions вскрылся целый пласт уязвимостей (вот и вот). В чём же была проблема? Server actions выглядят в коде как обычные коллбеки: мы пишем функцию с use server, вызываем её из компонента — и всё. Но под капотом это POST-запрос на сервер. Клиент отправляет payload, сервер его десериализует, понимает, какой серверный модуль нужно вызвать, и выполняет этот код уже на своей стороне. И вот именно в э...

Отойдём немного от браузера и посмотрим на то, что нам ближе и роднее. А именно, на рендеринг в React. Что интересного сделали разработчики React, чтобы оптимизировать отрисовку наших компонентов? Уже в новой части цикла! От кода до пикселей: как работает рендеринг. Часть 5. Рендеринг в React.

Вот и наступило время (да-да) для итогов 2025 года! 2025 для меня и моего канала выдался хорошим и очень продуктивным. Я нашла направление, в котором мне действительно интересно разбираться и готовить материал, выпустила несколько циклов статей и выросла со 100 подписчиков до 800+ (глядишь, и до тысячи когда-нибудь дойдём!) А ещё — выступила на двух оффлайн-конференциях и одном онлайн-митапе 💃 Хайлайтами года хочется оставить: 🔥 лучший цикл статей, на ваш взгляд и по статистике → Event Loop в ...

Пока я болею весенней простудой, запланированная последняя часть цикла про рендеринг ждёт вас. Как необъятен мир рендеринга, сколько всего интересного скрывается в нём, не только со стороны обычного HTML, но и в видео, SVG и даже PDF! Чтобы разобраться в каждой из тем глубже потребуются отдельные циклы статей, но посмотреть верхнеуровнего мы можем уже сейчас. От кода до пикселей: как работает рендеринг. Часть 6. Альтернативные пути рендеринга.