В этом выпуске: релизы Firefox 113, Next.js 13.4 и Vue 3.3. Мы поговорим о регулярных выражениях, взаимодействии микрофронтендов и оптимизации компилятора TypeScript. Мы немного поговорим о браузерной версии «Героев 3», redux-saga и потенциальном сопернике Copilot от Google.


---

**У**ра! Шаблон обновился!

<p style="margin-top: 3rem">А теперь по порядку.</p>

## Что нового

- Дизайн [демки](https://cpt.csssr.ru/) изменился и стал плоским в стиле Flat, а также актуализированы данные инструментов и структуры папок;
- Скрипты собираются в Webpack;
- Все команды запускаются с `npm run <task>`, основная — `npm start`, и глобальная установка `gulp` не требуется;
- PNG-спрайты можно создавать сразу несколько, и теперь они поддерживают Retina&nbsp;дисплей;
- Добавлена документация по работе с PNG&nbsp;спрайтами;
- Разнесены вспомогательные скрипты в NPM, благодаря чему в папке `gulp` находятся только таски, за исключением иконки для&nbsp;уведомлений;
- Удалены неиспользуемые модули;
- Прочие мелкие исправления.

## Планы на следующее обновление

- Добавление блока со стилями, разметкой и скриптом с помощью команды;
- Пересборка и обновление страницы при изменении JSON данных в `app/data` для решения проблему, когда при обновлении данных закэшированные шаблоны тянут с собой старые данные;
- Оптимизация спрайтов через сервис [tinypng.com](https://tinypng.com/) при запуске `npm run build` с флагом `--tinify`;
- Вынос фавиконок в отдельный блок и их подключение по необходимости;
- Звуковой сигнал при ошибках или предупреждениях в Webpack;
- Наполнение документации недостающими нюансами и деталями;

_Вопрос для обсуждения: куда убрать иконку для отображения в уведомлениях, чтобы в папке `gulp` лежали только таски?_

## Заключение

Мы будем рады любой обратной связи. Присылайте пулреквесты в [репозитории&nbsp;на&nbsp;GitHub](https://github.com/CSSSR/csssr-project-template) или предложения и вопросы в [Твиттер](https://twitter.com/csssr_dev).


Блог | CSSSR

История фронтенда. JavaScript как отражение новой эпохи

CSS Grid. Практические примеры

История фронтенда. Браузер, который умел всё

Обновление шаблона до v0.12

Подпишитесь на ежемесячную рассылку CSSSR