Дайджест свежих материалов из мира фронтенда за последнюю неделю №462 (5 — 11 апреля 2021)

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

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

Медиа

• «Новости 512» от CSSSR: TypeScript 4.3 beta, воркшоп по TDD c React, Husky 6, сравнение Hyperapp с React, RGB и HSL
• «Новости 512» от CSSSR: Prototype pollution, Tailwind CSS 2.1, Ruby 3.0.1, Cypress 7.0, security-обновления Node.js
• Подкаст «Веб-стандарты» 276. Safari, static в V8, Deno, Sublime Text, HSL и LCH, F1, WordPress, SPA, гидрация и Next.js
• Подкаст «Фронтенд Юность» #181 Эйблизм открытого ПО

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

• Веб-империя правительства UK: все во имя человека, для блага человека
• DevTools для «чайников»
• PWA для SSR приложения в 5 строк на Workbox 6.
• Руководство по SEO в Jamstack
• HTML атрибут ping для якорных элементов (ссылок)
• Обновление архитектуры DevTools: перенос DevTools на TypeScript
• Создание переключателя с поддержкой доступности
• Эффект перехода на полноразмерную страницу по клику на превью

CSS

• 5 плохих CSS практик
• Псевдоклассы CSS :where и :is
• Устранение проблем с темным режимом Gmail с помощью CSS Blend Modes
• Современные обновления CSS для улучшения доступности
• Инспектирование элементов как способ удовлетворить свое любопытство
• Возвращение к CSS Pie таймеру

JavaScript

• Спецификация ECMAScript 2021 для JavaScript приближается к финишу
• Шпаргалка по переходу с jQuery на ванильный JavaScript
• Сниппеты кода на ванильном JavaScript
• Создание умной панели навигации на ванильном JavaScript
• Лечебная сила JavaScript
• 5 способов предотвратить внедрение кода в JavaScript и Node.js
• Замена let на const
• JS классы — это не «просто синтаксический сахар»

• React
  • Создание PDF в React: так же просто, как 1-2-3
  • 5 методов сохранения состояния между перезагрузками страницы в React
  • Создание To-Do списка в React с помощью Redux Toolkit в TypeScript
  • Как работает состояние в React — объяснение на примерах кода
  • Полное руководство по React на 2021 год — изучение основных концепций React путем создания проекта
  • Битва управления состоянием в React 2021: Hooks, Redux и Recoil
  

• Vue
  • Dapp. Vue.js + ethers.js
  • Миграция с Vue CLI на Vite
  • Что нового в Vite 2.0
  • Vue 3 не будет поддерживать IE11 [RFC]
  

• Angular
  • Эта техника в Angular значительно снизит дублирование кода в крупных проектах.
  • Как работают pure and impure pipes в Angular Ivy
  • Как использовать TS декораторы для добавления логики кеширования к API вызовам
  • Поддержка многоязычных приложений Angular с помощью i18n
  

• Ember
  • The Ember Times — Issue No. 177
  • Перенос контроллеров на верхний уровень компонентов в Ember
  • EmberConf 2021
  • Заметки с EmberConf 2021
  

• Svelte
  • Координация анимации в Svelte с помощью XState
  • Создавайте веб-компоненты с помощью Svelte
  

• Libs & Plugins
  • kaboom.js — JavaScript библиотека, которая помогает делать игры быстрыми и увлекательными.
  • moovie.js — HTML5 плеер, ориентированный на фильмы
  • Coolify — Альтернатива Heroku и Netlify c открытым исходным кодом
  

Браузеры

• Шпион, выйди вон: что делают браузеры после установки?
• Google Chrome заблокировал HTTP, HTTPS и FTP-доступы на порте 10080 из-за хакерской угрозы
• 10 малоизвестных возможностей браузера Google Chrome

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.