​Понимание CSS Grid. Крутая серия статей от Рейчел Эндрю в переводе на Хабре → https://bit.ly/3fMSgNV
——————————————
Поддержать нас

​The Svelte Compiler Handbook. Довольно подробная статья. Тем, кому интересно как работает Svelte под капотом - рекомендую → https://bit.ly/3fPh9bO
——————————————
Поддержать нас

​Optimize Cumulative Layout Shift. Эдди Османи рассказывает как избежать сдвигов лейаута при загрузке контента→https://bit.ly/2WZmp3S
——————————————
Поддержать канал

​How to Get Started with React — A Modern Project-based Guide for Beginners. Хороший туториал для новичков на freecodecamp → https://bit.ly/2AzoTyq
——————————————
Поддержать нас

​Styling Components In React. Разбор самых популярных способов стилизации компонентов в React-проектах (с примерами) → https://bit.ly/3cKqU9n
——————————————
Поддержать нас

​Rebuilding our tech stack for the new Facebook.com. Рассказ инженеров fb о том, как переписвали приложение с php на React + Relay. Довольно подробная и интересная статья. Хоть новая версия fb мне и не заходит по дизайну и юзабилити - интересно читать как крупные компании решают настолько глобальные проблемы → https://bit.ly/3cKNxdO
——————————————
Поддержать нас

​Case study: Analyzing Notion app performance. Иван Акулов разбирает перформанс сервиса Notion и дает советы по улучшению → https://bit.ly/2WMJmbN
——————————————
Поддержать нас

​What (not) to Prefetch/Prerender. Эдди Османи делиться опытом, полученным в разработке библиотеки Quicklink → https://bit.ly/2ZuRRd8
——————————————
Поддержать нас

Есть вопрос: так как в русскоязычном интернете донатить не особо принято, а продавать свои курсы я не хочу - назрела мысля сделать что-то по типу еженедельного дайджеста материалов из мира фронтенда за символическую плату (например 1$/месяц). Это бы простимулировало бы меня плотнее заниматься блогом в инсте и каналом.

А теперь внимание, сам вопрос:

​Визуализация промисов и Async/Await. Неплохая статья, объясняющая как работают промисы на иллюстрациях → https://bit.ly/2ziWHj2
——————————————
Поддержать нас

​Node.js Certification: My Experience and Advice. Константин Комелин делиться опытом прохождения сертификации JSNAD и дает полезные советы как готовиться к ней → https://bit.ly/3e85CTh
——————————————
Поддержать нас

​How to Build a Chrome Extension. Довольно подробная инструкция на css-tricks → https://bit.ly/3bUPIKw
——————————————
Поддержать нас

​Modern css Solutions for Old CSS Problems . Прикольный проект, в котором Стефания Эклз современные решения типичных проблем в CSS → https://bit.ly/3eiVY02
——————————————
Поддержать нас

​ES2020 Has Been Finalized. Here is What I’m Excited About. Разбор того, что все-таки войдет в стандарт 2020 (с примерами) → https://bit.ly/3bWCFZb
——————————————
Поддержать нас

​Detect inactive users with the Idle Detection API. Обзор нового интересного API, которое могут скоро завести в хром. Думаю по-началу оно будет использоваться только для модалок типа "вы еще здесь?", но уверен, что есть и более интресные варианты применения → https://bit.ly/2WY4T19
——————————————
Поддержать нас

Как писал ранее - решил стартонуть регулярный дайджест на патреоне. Формат, что буду писать и зачем все это расписал в интро посте → https://bit.ly/3eqHxaD.

Главное что нужно понимать, это то, что ведение каналов/блогов занимает все больше времени, так как хочется улучшать качество контента и искать новые форматы. Становясь патроном, вы окажете огромную поддержку мне лично и моим ресурсам, поэтому welcome!

P.S. Первый пост уже в эту пятницу

Фреймворки в веб-воркере

Веб поддерживает многопоточность (с помощью веб-воркеров) уже 10 лет. Тем не менее, весь JS, который мы пишем, по-прежнему обычно работает только в главном потоке. Из-за этого любые долгие операции блокируют всю страницу намертво.

Крутым решением было бы научить React, Vue, Svelte и т.п. работать из веб-воркеров — а в главном потоке оставить только обновление DOM. Шабхи Паникер из команды Chrome исследует этот подход (и другие) и пишет, почему сегодня это нереалистично: https://docs.google.com/document/d/1nu0EcVNC3jtmUVWL8Gs5eCj2p_984kamNhG2nS9gOC0/edit

​Setting TypeScript For Modern React Projects Using Webpack And Babel. Очень подробное руководство на smashingmagazine → https://bit.ly/2XxYadw
——————————————
Поддержать меня

​What is DNS? Domain Name System, DNS Server, and IP Address Concepts Explained. Отличная статья в блоге freecodecamp о том, как работает DNS → https://bit.ly/3cczHzL
——————————————
Поддержать меня

Google продолжают выпускать статьи о метриках Web Vitals. В этот раз они написали об инструментах для измерения метрик. Среди таких: Lighthouse, PageSpeed Insights, Chrome DevTools, Search Console, собственный сервис от web.dev, расширение Web Vitals для Chrome, а также новый Chrome UX Report API.