Утилитные TS типы для работы с Promise

Примеры типизации сложных кейсов при работе с Promise.all или вложенными Promise.

https://spin.atomicobject.com/better-promise-all/

Контролируем длину строк в CSS

Способы стилизации для того чтобы текст красиво вписывался в блок: установка оптимального числа символов на строку, трюки с vw, а также SVG-решения для адаптивного масштабирования текста под размер контейнера.

https://css-tricks.com/setting-line-length-in-css-and-fitting-text-to-a-container/

Совмещаем несколько трансформаций с animation-composition

Возможности, которые предоставляет animation-composition: replace, add, accumulate и примеры их использования для более гибкого управления анимацией и композициями трансформаций в CSS

https://frontendmasters.com/blog/stacked-transforms/

Frontend Performance Checklist

Большой гайд с лучшими практиками по оптимизации веб приложений.

https://crystallize.com/blog/frontend-performance-checklist

Подмена входящего трафика: скрытые, но крайне полезные фичи браузера Chrome

Инструкция о том, как разрабатывать веб приложения с Chrome, если API еще не готов.

https://habr.com/ru/companies/sberbank/articles/923888/

Руководство по PDF.js

PDF.js — популярная open‑source библиотека от Mozilla для рендеринга PDF-документов в браузере без использования плагинов. Гайд подробно описывает шаги от базовой настройки и отображения PDF-страниц в <canvas> до более продвинутых возможностей, таких как извлечение текста, аннотации и создание UI

https://www.nutrient.io/blog/complete-guide-to-pdfjs/

ES-toolkit

Новая легковесная альтернатива для lodash с поддержкой типов и улучшенной производительностью.

https://es-toolkit.dev/

VS Code: 5 интересных функций и расширений, меняющих подход к разработке

Даже опытные пользователи зачастую не догадываются о некоторых "скрытых" возможностях VSCode, которые могут значительно повысить продуктивность.

https://habr.com/ru/articles/930926/

Хотите разобраться в тестировании API на ASP.NET Core?

➡️ Присоединяйтесь к открытому уроку «Тестирование API в ASP.NET Core: Интеграция и Нагрузка» 5 августа в 20:00 МСК. На вебинаре мы:

- Разберем ключевые концепции интеграционного и нагрузочного тестирования.
- Научимся писать интеграционные тесты с популярными библиотеками.
- Освоим инструменты для нагрузочного тестирования и анализа результатов.

📗 Этот урок — отличная подготовка к курсу «C# ASP.NET Core разработчик», который стартует совсем скоро. Все участники вебинара получат скидку на обучение!

Записаться на вебинар → https://otus.pw/9DLV/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

State of HTML 2025

Стартовал новый опрос об HTML, который позволяет понять, как разработчики используют новые и старые фичи HTML и какие хотелось бы увидеть в будущем. Если хотите повлиять на развитие современного web — у вас есть шанс.

https://survey.devographics.com/en-US/survey/state-of-html/2025

Операторы логического присваивания

Использование короткого синтаксиса для упрощения инициализации переменных с условиями. Виды операторов, примеры, поддержка в браузерах.

https://allthingssmitty.com/2025/07/28/logical-assignment-operators-in-javascript-small-syntax-big-wins/

Используем Performance Extensibility API

Google не так давно представил API для более детального измерения перфоманса. Можно создватать отдельные треки на вкладке Performance для различных участков кода.

https://csswizardry.com/2025/07/the-extensibility-api/

Как дебажить быстрее с Chrome DevTools

О широко известных и не особо популярных фичах DevTools, которые помогут вам отлаживать приложения чуть быстрее.

https://blog.logrocket.com/debug-faster-chrome-devtools-console-features/

🚀Хотите освоить Next.js и ускорить свои React-проекты с SSR?

Присоединяйтесь к открытому уроку «Первые шаги в Next.js: создаём мини-сайт с SSR на React» 7 августа в 20:00 МСК и научитесь использовать Next.js для создания динамичных многостраничных приложений. Мы разберём, как SSR улучшает скорость загрузки страниц и SEO, создадим мини-сайт с каталогом товаров и интегрируем API для динамического вывода данных.

Узнайте, как структура Next.js помогает ускорить разработку, а также научитесь применять полученные знания на практике, создавая реальные проекты.

👉Присоединяйтесь к открытому уроку и получите скидку на курс «React.js Developer»: https://otus.pw/qlSY/

Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576, www.otus.ru

React-хук для обработки событий клавиатуры

Современный хук с интуитивно понятным сопоставлением комбинаций клавиш.

https://github.com/ArturJS/use-key-match

Что нового появилось в CSS в 2025?

Обновление функции attr(), функции calc-size() и if(), text-wrap: pretty, interpolate-size: подробности и примеры использования.

https://habr.com/ru/companies/ruvds/articles/933484/

Google zx. Release 8.8

Google zx — инструмент для фронтенд-разработчиков, позволяющий писать shell-скрипты на JavaScript вместо Bash: пакет предоставляет удобные кроссплатформенные обёртки вокруг child_process, автоматически экранирует аргументы и задаёт разумные значения по умолчанию.

https://github.com/google/zx/releases/tag/8.8.0

Почему семантический HTML все еще важен

Джоно Олдерсон рассказывает почему семантический HTML — это не устаревшая практика, а основа производительности, доступности и устойчивости сайтов, утраченная в эпоху JavaScript-ориентированных фронтенд-фреймворков.

https://www.jonoalderson.com/conjecture/why-semantic-html-still-matters/

Глубокое погружение в работу промисов в JavaScript

Как работают промисы в JavaScript: жизненный цикл, внутреннее устройство, примеры, история возникновения и практические советы от разработчиков.

https://tproger.ru/articles/glubokoe-pogruzhenie-v-rabotu-promisov-v-javascript

Друзья! Рад сообщить, что стартует новый сезон Podlodka React Crew #3 — сезон о паттернах и практиках фронтенда 🎯

Иду сам и по традиции зову вас с собой!

В новом сезоне Podlodka React Crew узнаем, как писать продуманный и масштабируемый фронтенд с помощью React, какие паттерны реально работают, а какие — мода ради моды, обсудим архитектуру, производительность, нестандартные layout'ы, системный подход к интервью и многое другое.

📌 В программе:
• Паттерны анимаций с View Transition API
• Проверка AI-ассистентов на реальных задачах
• Глубокое погружение в архитектуру React Hooks
• Практика layout'ов вне CSS Grid и Flexbox
• System Design для фронтендера: как не завалить интервью

💡Все доклады — с практикой, кейсами и интерактивом.

📆 Реактим с 25 по 29 августа. Бегом за билетами!

По традиции разыграем 1 бесплатную проходку! Хочешь билет - заполняй форму! Результаты 18 августа.

Также для подписчиков FrontEndDev действует промокод на скидку 500 р: react_crew_3_75eI9e