Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Веб-разработка

• Инструменты
  • Переход с Puppeteer на Playwright
  • 5 причин почему Playwright лучше Cypress
  • Некоторые примечания по использованию esbuild
  • ssshape — генератор SVG-блобов/фигур, который дает вам возможность управлять ими вручную
  

• Производительность
  • Builder.io: Как мы урезали наш JavaScript на 99% с помощью Qwik + Partytown
  • CLS в BuzzFeed. Часть 1: Достижение стабильности, Часть 2: Получение помощи от реальных пользователей, Часть 3: Работа с непредсказуемым
  • Defer Non-Critical Resources
  

CSS

JavaScript

• React
  • Погружение в итерацию, контекст и дочерние элементы в React
  • Оптимизация управления состоянием в приложениях на React
  • Next.js и Remix — краткое сравнение
  • Как и почему следует хранить состояние UI React в URL
  • Три способа обработки выборки данных в React проектах
  • Недооцененные хуки React, которые вы упускаете
  • Начало работы с React SyntheticEvent
  • Создание PDF-файлов в React с помощью react-pdf
  

• Vue
  • Petite-vue
  • Прогрессивный Petite-vue
  • 8 проектов Vue, которые должен попробовать каждый новичок
  • Vue2 в стилеVue3: начало работы
  • Приключения Front-End разработчика | Наша работа по повышению производительности в вебе
  • Брендирование изображений с помощью ImageKit и Vue.js
  

• Angular
  • Анимации в библиотеке компонентов: виды анимаций, UX/UI паттерны, подходы в Angular с dependency injection
  • Module Federation — что, почему, как?
  • Разница между версиями Angular
  

• Ember
  • Двухчасовой воркшоп по GlimmerX. Узнайте что экосистема Ember может предложить разработчику в 2021 году: Первая часть, Вторая часть, Репозиторий воркшопа
  • Загрузка изображений на S3 в Ember.js
  

• Svelte
  • Как создать Todo приложение на Svelte
  • Reacting in Svelte — понимание компонентов в Svelte в стиле react
  

• Libs & Plugins
  • elegant-threading — Элегантный способ ветвления в JavaScript
  • Interface Forge — Изящно генерируйте фиктивные данные в TypeScript
  

Браузеры