Дайджест свежих материалов из мира фронтенда за последнюю неделю №365 (13 — 19 мая 2019)20.05.2019 02:02

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

Медиа    |    Веб-разработка    |    CSS    |    Javascript

Медиа

• Подкаст «Сделайте мне красиво» Выпуск №17 — Вам не нужен SPA, новости Google и фейлы Microsoft
• Repozitorro #14: Проекты разные бывают, но такое…
• «ALL YOUR HTML» #s3e2: «Physics with Cannon.js»
• Видео со SmashingConf SF 2019
• Web at Google I/O 2019, 24 видео

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

• Картинки в вебе 2019
• Технологические тренды веб-разработки 2019
• SVG-компоненты для IoT и устройств (часть 2)
• Введение в JAMstack: архитектура современного веба
• Почему разработка с помощью JAMstack — это клево
• Все, что вы хотели знать об inputmode
• Руководство для новичков по Pug
• Разбираемся в устройстве JPEG

CSS

• Селектор : has () станет доступен для оформления?
• Это ловушка-trap-ezoid: CSS Shapes — это не то, что вы ожидаете
• Анимация CSS Grid Rows и Columns
• Subgrid. Новая статья на MDN dev docs
• CSS Scan: самый быстрый способ проверить и скопировать CSS
• CSS функция для ограничения многострочного текста троеточием была реализована в Firefox
• Отладка CSS Grid: Часть 2: что за Fr (action)?
• Google Fonts теперь поддерживает font-display!
• Правила CSS, которые сделают вашу жизнь проще
• Китайская оконная решетка и CSS

JavaScript

• Первый вклад в API браузера от Facebook
• Cloudflare, Mozilla и Facebook развивают BinaryAST для ускорения загрузки JavaScript
• Начало работы с Svelte 3
• Функциональный JavaScript
• TypeScript 3.0: тип unknown

• React:
  • Reakit 1.0: новый инструментарий для создания доступных веб-приложений на базе React
  • Как легко конвертировать классы React-Redux в React Hooks
  • unform — Библиотека ReactJS для создания неконтролируемых структур форм с вложенными полями, валидациями и многим другим
  • UI анимация в React
  • ReactQ — Универсальный стартовый набор для React+GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, GraphQL Code Generator, React Router 4, PostCSS, SSR
  • Основные шаблоны проектирования React Hooks
  • Докеризация React App
  • Создание собственной React-библиотеки для валидации: основы (часть 1)
  • Что делать, когда твое React приложение ощущается медленным
  

• Libs & Plugins:
  • Познакомьтесь с Storeon, крошечным менеджером состояний для современных приложений, близких по духу к Redux, реализованных в одном файле весом 173 байт
  • ola — анимационная библиотека для усреднения/интерполяции чисел в реальном времени
  • reLift-HTML — маленькая библиотека для view (3KB) позволяющая создавать веб-компоненты, кастомные элементы и помогает сделать любую HTML страницу реактивной без загрязнением большими фреймворками
  

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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