📰 Weekly #23: новости, подкасты, отборные статьи и обучающие материалы по фронтенду

Angular

• Подборка материалов для погружения в Angular от фронтенд-разработчиков из Selectel. Читать

• Расширенный взгляд на Angular «под капотом»: как реактивность работает с Zone.js. Читать

Vue

• Обзор основных различий между ref() и reactive() в Vue.js. Читать

Next.js

• Так сложилось, что новая стратегия обработки маршрутов и рендеринга Next.js views, мягко говоря, вызвала много вопросов у сообщества. Разбираемся, стоит ли уже сейчас ее использовать.👇Читать

React

• Ничего такого, просто ChatGPT написал простой статический сайт, а потом переписал на React.🤦‍♂️ Читать

• 📍🗺️ Разработка карты с использованием React, Pigeon Maps и Mapbox: от первоначальной концепции до реализации. Читать

• React Query под капотом: механизмы работы асинхронной библиотеки управления состоянием. Читать

• Короткие визуальные руководства по React, которые отлично подходят для понимания внутренних процессов.

• Обширный комментарий Дэна Абрамова о состоянии Create React App, пути его развития и о том, как он видит React в роли библиотеки, работающей в экосистеме фреймворков. Читать

• Общие шаблоны и нюансы использования React Query (сейчас TanStack Query). Читать

• Техлид в команде Тинькофф Coretech Frontend и один из разработчиков SSR мета-фреймворка tramvai, рассказывает, с какими сложностями можно столкнуться при использовании React + Node.js, и как с ними бороться. Читать

• Команда Honeypot наконец-то выпустила док про React.js. Вы узнаете полную историю первых дней React от группы разработчиков, которые помогли вывести ее на мировую арену.🎬Смотреть

JavaScript, CSS и HTML

• ⚙️ modern-errors — библиотека для обработки ошибок в JavaScript/TypeScript. Она содержит простые шаблоны для создания классов ошибок, установки свойств ошибок, агрегирования ошибок, а также разделения известных и неизвестных ошибок.

• Оптимизируйте длительные задачи в JavaScript. Подробный обзор существующих API и подходов к разбиению длительных задач на отдельные откладываемые части. Читать

• Некоторые подробности CSS-селектора :is(), о которых вы, возможно, не знали. Читать

• Производительность CSS-селекторов: все, что вам нужно знать. Читать

TypeScript

Разное

• 🎙️Подкаст «Веб-стандарты»: Вадим Макеев, Мария Просвирнина, Никита Дубко про Safari 16.3 и TP, Firefox и новые цвета, буквицу, Core Web Vitals, SVG-справочник и нормальный CSS-in-JS. 🔗Слушайте на Ютубе, 🔗Ссылки на сайте

• Прежде чем тащить в проект jQuery, Lodash/Underscore, loops, Moment.js и даже JavaScript, прочитайте это 🤷‍♂️:
  — You might not need jQuery
  — You don't (may not) need Lodash/Underscore
  — You don't need loops
  — You don't (may not) need Moment.js
  — You Don't Need JavaScript

• 🎙️Подкаст «Веб-стандарты»: Алексей Симоненко, Юля Миоцен, Андрей Мелихов про бету TypeScript 5, новые цвета, что угодно в PiP, будущее Create React App и AI — заменит/поможет?00:02:41 Бета TypeScript 500:17:14 Зачем новые цвета00:35:29 Что угодно в PiP00:43:59 Будущее Create React App01:00:49 AI заменит или поможет?🔗 Слушайте на Ютубе, 🔗 Ссылки на сайте

• Текстовая версия доклада Натальи Стусь на HolyJS о том, как выглядела работа над производительностью не в «вакууме», а конкретно в случае Авто.ру. Читать

• Разбираемся в сортах реактивности. Дмитрий Карловский — большой любитель реактивности, виртуализации, распределённых систем, логики и, конечно, скоростных велосипедов. Дмитрий сравнил различные подходы к реактивному программированию, вытащил на поверхность их подводные камни, разобрал, как реактивность решает или наоборот усугубляет проблемы. Смотреть & Читать текстовую расшифровку

• 10 тенденций веб-разработки в 2023 году. Эта статья — своего рода попытка осмыслить последний опрос State of JS и спрогнозировать тренды на текущий год. Читать

• Будущее (и прошлое) веба — это рендеринг на стороне сервера🦕 Так, по крайней мере, думает и делает команда Deno.

Предыдущие выпуски

• 📰 Weekly #21
• 📰 Weekly #19
  
• 📰 Weekly #17