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

В этом выпуске: как добавить 3D в приложение Vue с помощью ThreeJS; визуализация алгоритмов сортировки на JavaScript + React + Redux + Redux-saga; подборка любопытных советов и трюков для фронтенд-разработчиков, использующих Chrome Devtools.

Новости

• Краткая история JavaScript с 1994 года по настоящее время
• Анонс React Native 0.70
• Анонс Fresh 1.1
• Релиз Node.js 18.9
• Релиз Next.js 12.3.1
• Релиз Jasmine 4.4
• Релиз Ember.js 4.7
• Релиз sql.js 1.8
• Релиз React Calendar 3.8
• Релиз react-cytoscapejs 2.0
• Релиз Discordeno 14.0
• Релиз HotKeys 3.10
• Safari Technology Preview 153
• Очередной обзор обновлений в Firefox

• Анонс Theatre.js 0.5
• Анонс React Router 6.4
• Основные возможности WebKit в Safari 16.0
• Релиз Spacetime 7.2
• Релиз Fastify 4.6
• Релиз Preact 10.11
• Релиз Cypress 10.8
• Релиз React Grid Gallery 1.0
• Релиз sablejs 1.1
• Релиз Crunker 2.0
• Релиз ka-table 7.6
• Релиз d3-graphviz 4.4

Angular

• Фронтенд-разработчик из компании SimbirSoft делится опытом построения архитектуры Angular-приложений. В статье описано, как разработать приложение таким образом, чтобы специалист любого уровня при наличии знаний Angular мог легко разобраться в коде и структуре приложения.

Vue

• Как добавить 3D в приложение Vue с помощью ThreeJS

Next.js

• Создайте Airbnb с помощью Solana и Next.js

React

• useSyncExternalStore: недооцененный хук React? Данный хук используется для подписки на внешние источники данных. Но знаете ли вы, что его также можно использовать для предотвращения чрезмерного возврата хуков React, вызывающего ненужный повторный рендеринг?
• Визуализация алгоритмов сортировки на JavaScript + React + Redux + Redux-saga.
  
• 3 приема оптимизации размера компонентов React.
  

JavaScript, CSS и HTML

• Исходный код инструмента MemLab для поиска утечек памяти в JavaScript теперь открыт. Как говорится, Welcome.
• Обзор наименее известных, но очень полезных API JavaScript.
  
• Паттерны проектирования JavaScript. Коллекция задач по теме из курса FrontendMasters с решениями.
  
• Webpack, TypeScript и CSS Modules в действии, или Как писать изолированные строго типизированные стили.
  

TypeScript

• Type-Level TypeScript — курс по основам TypeScript, который поднимет ваш уровень со среднего до продвинутого уровня (когда будет полностью опубликован, хех). На текущий момент доступно две главы.
• 5 простых, но ценных рекомендаций, которые позволят не отстрелить себе ноги повысить качество разработки на TypeScript.
  

NodeJS

• Разбираемся с особенностями использования модуля Worker threads в Node.js: какие проблемы внедрения многопоточности ждут при попытках сделать код более производительным и как их можно обойти.

Разное

• Обзор нескольких полезных дополнений к работе с формами, которые вы могли пропустить.

• Команда Frontend-разработки Авито расскажет про стэк для идеального приложения, что стоит изучить в 2022 году, а также раскроет внутряки о работе в компании.

• Глеб Михеев, CTO в Skillbox Holding и руководитель программного комитета FrontendConf, рассказывает про рендеринг и его производительность. Вы узнаете, как устроен конвейер поставки кадров на экран и что нужно знать каждому разработчику, чтобы его интерфейсы были отзывчивыми, не лагали, а анимации были плавными и выдавали 60fps даже при высокой вычислительной нагрузке на main thread.
• Podlodka Podcast: архитектура фронтенда. Ведущие подкаста с Сергеем Совой детально разобрали различные аспекты архитектуры фронтенда: какие есть абстракции и подходы, как они между собой связаны и многое другое.
  

• Подборка любопытных советов и трюков для фронтенд-разработчиков, использующих Chrome Devtools.
• Обзорный список библиотек/фреймворков UI-компонентов для фронтенд-разработчика.

Интервью

• Андрей Смирнов (Frontend Weekend) взял интервью у Александра Бальцевича (автор канала АйТи Синяк). Обсуждали много разного: жизнь в Нидерландах, создание канала АйТи Синяк и много другое.

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

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