Фронтенд-новости #16
- 25 июля 2022
- 1 072
Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 18–24 июля.
👨 Доступность
📔 Не все браузеры поддерживают доступность через display: contents.
🍶 Спецификации
📔 Децентрализованные идентификаторы (DID). Новые тип идентификатора, который обеспечивает проверяемую децентрализованную цифровую идентификацию.
🧬 HTML
📔 10 причин почему alt важен. Альтернативный текст не только для компьютера, но и для людей.
📔 Мощные инструменты по оптимизации изображений. Оптимизация изображений может оказать большее влияние на производительность сайта, чем все остальные вместе взятые области.
📔 Минимальная разметка для социальных сетей. Рассматривается open graph протокол.
📔 Сайт, который высмеивает современный опыт просмотра страниц.
🖌 CSS
📔 Стилизация состояний для семантических тегов.
📔 Будущее CSS: О переменных единицах измерения. О типизации кастомных свойств и где это можно применять.
📔 Sass: разрабатываем дизайн-систему.
📔 История стиля который никто не просил или body margin 8px.
🏗 JavaScript
📔 Тренды фреймворков: React, Angular, Vue, Svelte. Собрано несколько статистик на одной странице.
📔 10 распространённых проблем с которыми сталкиваются разработчики.
📔 Краткая информация о 91 заседании TC39.
📔 Мысли о целочисленной математики в JavaScript.
📔 Методы обфускации на примерах.
🚀 React
📔 Чтение исходного кода: React. Узнайте как работает рендер и какие методы это реализуют.
📔 Взгляд на Remix и разница с Next.js. Сравнение двух фреймворков, которые имеют много общего, но при этом есть ключевые отличия.
📔 Hermes станет дефолтным движком JavaScript в React Native. Узнайте в статье почему.
📔 Познакомьтесь с пятью React-хуками: useReducer, useRef, useImperativeHandle, useMemo и useCallback.
📔 Использование useRef с TypeScript.
📔 Superstate — новая микро-библиотека для управления состоянием приложения.
📔 Общий синтаксис для математических выражений.
💽 Node.js
📔 Введение в многопоточность в Node.js.
⬜ Vue
📔 Обмен данными между Phaser.js и Vue.js используя Vuex.
📔 Как создать и развернуть библиотеку компонентов Vue в NPM.
📔 Vue здорового pragmatica. Как правильно делать выбор между React и Angular.
🛠 Инструменты
📔 Locofy. Из Figma в React-компоненты. Пока бесплатно в бета-версии.
📔 Docusaurus 2.0.0-rc.1. Служить для построения сайтов на MDX+React.
📔 Bootstap 5.2.0. Улучшена документация, новые руководства, обновлённые кнопки, новый _maps.css, новые утилиты и хелперы, адаптивный offcanvas и многое другое.
📔 npm-check 6.0.0 проверит ваши зависимости на наличие устаревших, неправильных или неиспользуемых.
🕸 Браузеры
📔 Safari Technology Preview 149.
🎓 Общее
📔 37 способов оживить ваш интерфейс. Поработайте с фонами, границами и разделителями, тенями, текстами и другим.
📔 Идеальная страница с ценами. Рассматриваются шаблоны проектирования и методы создания более качественных интерфейсов.
📔 Использование сеток в интерфейсах. Сетки не только предоставляют дизайнерам структуру, на которой можно основывать макеты, но также улучшают читаемость и удобство просмотра для пользователей.
📔 Internet Explorer больше не является первой колонкой в caniuse.
📔 Facebook научился обходить удаление отслеживание с URL-адресов, которые недавно было внедрено в Firefox.
Как читать статьи на английском языке
В дайджесте много статей и видео на английском языке, чтобы это не стало препятствием: в Google Chrome есть функция перевода страницы с любого популярного языка, а видео можно перевести в Яндекс Браузере.