​When does React re-render components?. Хорошая статья для начинающих. В ней автор разбирает когда происходит ре-рендер компонентов и как улучшить перформанс приложения, избежав лишних ре-рендеров → https://bit.ly/3bnHoml
——————————————
Поддержать нас

​JavaScript rendering and the problems for SEO in 2020. Хороший пост о том, как остоят дела с SEO в SPA-приложениях в 2020 и какие пути ее улучшения можно использовать → https://bit.ly/2WPplAd
——————————————
Поддержать нас

​ES2020: Everything You Need to Know. Детальный разбор фич, вошедших в стандарт ES2020 → https://bit.ly/2zBiodT
——————————————
Поддержать нас

​Понимание 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