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

Новости

• Анонс TypeScript 4.7 RC.
• Релиз Angular v14.0.0-rc.1.
• Релиз Babylon.js 5.0.
• Jest теперь в OpenJS Foundation.
  
• Node.js 16.x runtime теперь доступна в AWS Lambda.
  
• Релиз Solid 1.4.
• Релиз Wild Wild Path 3.0.
• Релиз GraphQL Yoga 2.0.
• Релиз Hexo 6.2.0.
• Релиз graphql-schema-linter 3.0.
• Релиз InfiniteGrid 4.3.1.
• Релиз fuzzysort 1.9.
• Релиз Mithril.js 2.2.
• Релиз Electron React Boilerplate 4.6.
  
• Релиз Helmet 5.1.0.
  
• Релиз Deno 1.22.
  
• Релиз melonJS 10.9.0.
  
• Релиз Vuestic 1.4.0.
  
• Релиз Kea 3.0.
  
• Релиз Node v18.2.0 (Current) и Node v14.19.3 (LTS).
  

React

• Шпаргалка по основным концепциям React.
• Разработка простого клона Twitter с функциями CRUD для публикации, чтения и удаления твитов.
  
• Batching, useDeferredValue, useTransition и другие новые фичи React 18 в обзоре Ulbi TV:
  

• Разбор практических шагов, которые помогут повысить производительность при использовании Next.js.
• В этом ролике ты разработаешь свои шахматы на React, Typescript и попрактикуешь ООП:

• Remotion — инструмент, который позволяет создавать видео с использованием React. Недавно у инструмента вышло (https://www.remotion.dev/blog/3-0) большое обновление, которое включает Remotion Lambda. Это позволяет пользователям развертывать и размещать видео непосредственно в своих учетных записях AWS, что намного быстрее, дешевле и масштабируемее, чем Remotion 2.0.
  
• Учебник The React beginners handbook — Flavio Copes:

В книге описываются основы React JS:

• Почему Реакт стал популярным.
• Как установить реакт.
  
• Классовые и функциональные компоненты.
  
• Состояние компонентов.
  
• Props.
  
• Жизненный цикл компонентов.
  

JavaScript, CSS и HTML

• Курс, посвящённый основам JavaScript, CSS и HTML от специалистов Azure Cloud Advocates из Microsoft включает 24 урока и рассчитан на 12 недель (некоторые уроки переведены на русский). Каждый урок содержит тесты до и после урока, задание, решение, письменные инструкции по завершении урока и многое другое (GitHub, GitHub Pages).
• quick-lint-js — линтер для JavaScript-кода, который быстрее, проще и дружелюбнее ESLint.
  
• Реализация шагающей игрушки слинки на чистом CSS. Интересные подходы и приемы CSS-анимации в пошаговом руководстве.
  
• 6 кейсов HTML и CSS, которые многие разработчики упускают из виду.
  

• Больше CSS-комиксов и других полезных материалов здесь. А ещё есть YouTube-канал автора комиксов, где можно научиться этому и не только.
• Обзор основных концепций ООП с примерами на JavaScript.
  
• Текстовая расшифровка доклада о состоянии CSS в 2022 году на недавней конференции Google IO.
  
• Продвинутые техники и немного магии SVG.
  

• ☕️ 40 основных и нестандартных методов для работы со строками в JavaScript.
• Мемоизация: от теории к практике в JavaScript и React.
  
• Подводные камни рефакторинга JavaScript: 5 способов преобразования в опциональную цепочку, которые могут сломать ваш код.
  
• Пишем полифилы на JavaScript:
  

TypeScript

• Руководство по TypeScript для начинающих (Часть 1. Введение и примитивные типы данных, Часть 2. Ссылочные типы данных).
• Миграция крупного проекта с Flow на TypeScript: как это было в команде Stripe.
  

NodeJS

• sdc-check — легковесный инструмент для выявления рисков в ваших npm-зависимостях и обеспечения превентивных мер защиты.

Разное

• Главные болевые точки веб-разработчика в 2022 году. Автор статьи кратко представил обновлённые данные двух кварталов текущего года относительно прошлого и обобщил мысли более 18-ти разработчиков по данной теме. В общем, получилось любопытно.
• Из маркетинга во фронтенд-разработку: как это было.
• Тред для джунов-фронтов про пет-проекты и тестовые задания: о важности визуальной части и том, что с ней делать (Читать в Твиттере, Читать, если Твиттер не открывается).
  
• Аккордеон в вебе или Web Audio API в действии.

• 🛠️ 25 полезных малоизвестных интернет-ресурсов для фронтендера и бэкендера.
• Эволюция веб-разработки: от веб-сайта к веб-приложению. В руководстве рассматриваются ключевые аспекты работы веб-приложений.
  
• Документация к фреймворку NestJS на русском.
  

Интервью

🎙 Как инженеру не умереть со скуки во фронтенде

• Запись подкаста Frontend Weekend с Полиной Гуртовой, из которого вы узнаете много интересных мыслей о фронтенде и многом другом: