Сегодня мы завершим знакомство с перечислениями в TypeScript. В первой части мы научились их объявлять, а теперь разберём нюансы применения и неочевидные моменты, которые могут встретиться как на практике, так и на собеседованиях. Поехали! 🚀

В этом уроке обсудим:

- Во что компилируются enum;
- Что происходит при объявлении перечисления через const
- Как работает слияние перечислений
- и многое другое.

Где смотрим

🎬 YouTube —
https://youtu.be/iiTRXbTfKxM

🎬 RuTube — https://rutube.ru/video/a5c6d6c9fb5cb3afcb0bcfee521a175b/

🎬 VK Video — https://vkvideo.ru/video-226960422_456239051

🔥Podlodka React Crew — онлайн-конференция для тех, кто хочет прокачаться в React-разработке и выйти за рамки одного фреймворка.

📅 Даты: 10–14 февраля 2025 года

🎯 Тема сезона: Roadmap React-разработчика

Уметь только в React недостаточно. Важно разбираться в метриках, знать, как работает окружение, и уметь оптимизировать приложения.

В новом сезоне Podlodka React Crew:

• Что и когда изучать, когда технологии меняются и устаревают? Обсудим с Валерием Катциным (Точка)🔀

• Как улучшить метрики производительности web-приложений с Павлом Уваровым (Kaspersky) 🛠️

• React Server Components: можно ли без Next.js? Разберем с Дэнизом Демирсой (Altel Digital) 🔍

• Чем React Compiler может помочь уже сейчас? Опыт и советы от Анны Ширяевой (СИБУР) 🤓

• Мокирование окружения с помощью Mock Service Worker. Сергей Зенин (Kaspersky) расскажет, как это упрощает разработку 🧩

🎯 Все сессии — максимально прикладные и с возможностью разобраться в деталях.

📅 Успей занять место: podlodka.io/reactcrew

А мой промокод
antonov даёт скидку в 500 руб 🥳

Сегодня, 4 февраля, в 19:00 по МСК мы встречаемся на открытой сессии.
Директор Программного комитета React Crew Игорь Антонов и фронтенд-разработчик из Точки Валерий Катцин попробуют разобраться:

🎯 что и когда включать в роадмап
🎯 как не размыть фокус при изучении новых инструментов
🎯 какие знания точно пригодятся React-разработчику в 2025 году

🍿Подключайтесь сегодня к трансляции

Пока новые видео уроки на стадии монтажа, добавлю запись своего доклада с митапа Byte — «Метрики в разработке. Зачем и как измерять эффективность команды».

🍿Запись доклада

Несколько читателей задали в личку вопрос: «А какое ты используешь оборудование для чтения лекций/стримов из дома?». Расписал всё в личку, но подумал, что кому-то эта информация тоже может пригодиться. Расскажу сразу всем.

Мне периодически приходится читать лекции или выступать с докладами. Особенность этих активностей: вещание на фоне презентации. Обычно я себя «вырезаю» и ставлю где-то в уголке презентации. Выглядит неплохо, и таким образом меньше отвлекаю зрителей, да и фон комнаты не маячит в кадре.

Оборудование

Камера. У меня два варианта: Sony ZV-E10 и Elgato FaceCam. На первую обычно снимаю видеоуроки для YouTube. Вторую использую для стримов. Раньше записывал ролики тоже на FaceCam, но потом решил обновиться. Беззеркальная камера выдаёт качество лучше.

Плата видеозахвата. Веб-камера подключается напрямую к MacBook Pro M1. А вот для Sony ZV-E10 использую донгл Elgato Cam Link 4K. Камера к нему подключается по Mini HDMI.

Микрофон. Мне всегда нравился бренд Rode, поэтому при первой возможности купил Rode Procaster. Микрофон прожорливый, поэтому для усиления использую преамп от TNT DM2 от sE.

Аудиоинтерфейс. Пока это Steinberg UR22C. У карты есть DSP-процессор, можно настроить встроенные эффекты. Карта нравится, но в будущем хочу обновиться и перейти на Rodecaster Duo. Порой приходится делать аудиозаписи, и хочется это делать без компа.

Стримдек. Для переключения сцен в прямом эфире использую Elgato Stream Deck. У меня шестикнопочная версия, для моих задач более чем достаточно.

Свет. В качестве ключевого света у меня два светильника Elgato Key Light Air. Обожаю гаджеты от этого бренда. Ими удобно управлять с телефона/компьютера, и их достаточно, чтобы осветить себя. Когда делаю стримы на зелёном фоне, то для его подсветки подключаю два светильника от Raylab. Они хорошо освещают фон, и его становится легко вырезать.

Зелёный фон, он же хромакей. У меня мобильная версия Elgato Green Screen. Пользоваться максимально комфортно: достаточно снять крышку с кофра, потянуть, и фон развёрнут. Сложить также просто, места в сложенном состоянии занимает минимум. В развёрнутом он показан на фото.

Стойки. Для микрофона использую Thronmax. Думаю сменить на пантограф от Rode. Для камеры — Elgato Mount Vol. Веб-камера закреплена на мониторе. Для неё также купил стойку — аналог от Elgato, но использую редко. У светильников штатные стойки от Elgato.

Вот такой получился набор.

Вчера завершили второй сезон Podlodka React Crew (https://podlodka.io/reactcrew). Весь сезон говорили о важных навыках для фронтенд-разработчиков, которые в первую очередь фокусируются на React.

Неделя конференции получилась насыщенной 🔥 В некоторые дни мы проводили по три сессии вместо двух. Не остановились даже в субботу — утренний доклад стал эпилогом сезона. За неделю успели обсудить: React Compiler, Feature Toggles, Метрики производительности, React 19, OpenTelemetry и многое другое. Огромное спасибо экспертам, которые присоединились к участию и поделились своим опытом 🎯 Было интересно и познавательно.

Для меня этот сезон стал особенным: впервые я был в роли директора программного комитета. Это было классное приключение, которое мы прошли вместе с нашей командой 🙌 Команде отдельное большое спасибо. Ребята, вы супер 💜

И, конечно, спасибо всем участникам конференции. Надеюсь, что каждый нашёл для себя что-то новое и интересное.

Podlodka #416 – Node.js

Node.js начинался с невинного вопроса «а что будет, если запустить Javascript вне браузера?”. Несмотря на предубеждения и скепсис, отрицать бессмысленно – эксперимент удался, ведь миллионы разработчиков используют Node.js каждый день. Почему так вышло – разбираемся с Игорем Антоновым!

🎧 Слушать выпуск

👀 Смотреть выпуск


👉Предложить себя в подкаст

✨ 20.03.2025 выступлю на митапе Piter.js. Буду рад встретиться и поболтать в оффлайн 🙌 А теперь про доклад…

📜 Архитектура веб-приложений. Подготовка к сложному интервью

Архитектура веб-приложения не сводится лишь к выбору фреймворка из «большой тройки» или методологии, такой как FSD. Она включает в себя множество важных решений, которые необходимо принять до начала разработки, исходя из требований. Эти и многие другие аспекты обычно рассматриваются на архитектурных секциях, таких как system design для фронтенд-разработчиков. В своём докладе я расскажу, как подготовиться к таким интервью, а также поделюсь своим видением архитектуры веб-приложений.

🎫 Регистрируйся, пока есть ещё места: https://piterjs.org/#meetup=yff077_ykkw2s