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

В этом выпуске: 15 распространенных ошибок новичков в JavaScript; библиотека для создания форм, основанная на схеме-дереве JSON; разбор приемов JavaScript-кода для управления текстурами в Three.js; распространенные сценарии утечки памяти в JavaScript и способы их исправления.

Новости

• Анонс TanStack Table v8
  
• Релиз NeutralinoJS 4.7
• Релиз npm-check 6.0.1
  
• Релиз Fastify 4.3
  
• Релиз ESLint 8.20
  
• Релиз Angular 14.1
• Релиз Vue 2.7.8
  
• Релиз Tweakpane 3.1
• Релиз Fireworks.js 2.0
  
• Релиз PrimeNG 14
• Релиз Acorn 8.8
  
• Релиз Discord.ts 10.0
• Релиз Prisma 4.1
• Релиз MelonJS 13.0
  
• Релиз Secure Electron Template 20.0
  
• Релиз zip.js 2.6.5
  
• Релиз Octokit.js 2.0.4
  
• Краткий обзор дизайна Storybook 7.0
• Анонс Temporal JavaScript SDK 1.0
• Релиз Impress.js 2.0
• Релиз Lerna 5.3
• Релиз Ghost 5.7
  
• Релиз Mongoose 6.5
  
• Релиз NodeBB 2.3.1
• Релиз Jasmine 4.3
  
• Релиз Node.js 18.7.0
• Релиз simplex-noise.js 4.0
• Релиз Article Parser 7.0
• Релиз React Simple Maps 3.0
  
• Релиз Emoji Mart 5.2
• Релиз hls.js 1.2
• Релиз MicroDiff 1.3.1
  
• Релиз ESLint v8.21
  

React

• Успеть за 45 минут: разбор задачи, с которой можно столкнуться на собеседовании. Необходимо за ограниченное время создать и оптимизировать слайдер с изображением и текстом на React.js.
• Тщательно подобранная коллекция React-компонентов и библиотек.
  
• Несколько важных аспектов React, о которых стоит знать.
  
• Star Rating виджет на React.js: разбор одной из задач, с которой можно столкнуться на собеседовании.
  

Angular

• Онлайн-книга по тестированию веб-приложений Angular с использованием библиотек Spectator и ng-mocks.
• Angular V14 CRUD-операции.
  

Vue

• Влад Худяков, фронтенд лид команды Pragmatica, в нестандартной манере рассказывает, почему именно Vue идеально решает задачи его команды.
• Обзор основных компонентов Vue 3 и способов их использования.
  
• Ролевая модель, ограничения доступов.
  

Next.js

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

JavaScript, CSS и HTML

• Разбираем распространенные сценарии утечки памяти в JavaScript и способы их исправления.
• Полностью обновлённая статья про 10 самых распространенных проблем в JavaScript-коде, с которыми сталкиваются разработчики.
  
• Примитивы синхронизации в JavaScript: cемафоры и хоккей. На примере хоккейного матча автор статьи разбирается с простейшими примитивами синхронизации: на этапе раскатки перед матчем с помощью бинарного семафора он разделяет игроков на две равных группы, а уже в процессе игры с помощью семафора со счетчиком избавляется от штрафов за нарушение численного состава.
  
• Совет по реализации отрицательной задержки анимации в CSS, или Как сделать анимацию в шахматном порядке более естественной.
  
• Мини-подборка онлайн-ресурсов для освоения и закрепления навыков фронтенда (с акцентом на JavaScript), бэкенда и баз данных:
  

— W3Resource

— JS Hero

— JS Challenger

• Как стать JavaScript-разработчиком? Разобраться поможет дорожная карта

• Метод массива reduce в JavaScript: назначение, синтаксис, применение и дополнительные практические примеры.
• Технические детали и пошаговая реализация эффекта поднимающихся пузырьков на CSS.
  
• James Q Quick разбирает 15 распространенных ошибок новичков в JavaScript.

Библиотеки

• 🔧 Fomir — библиотека для создания форм, основанная на схеме-дереве JSON. Если вы перепробовали множество библиотек для создания форм, таких как redux-form, formik, final-form, react-hook-form, и ни одна из них не подошла, то Fomir уже спешит на помощь. Под капотом:

— Использование схемы.

— Простой механизм обновления состояния формы.

— Высокая производительность и многое другое.

Разное

• Разбор приемов JavaScript-кода для управления текстурами в Three.js.
• Честное и детальное сравнение RedwoodJS и BlitzJS.
  
• 🔧 Payload — headless CMS, в основе которой лежат Node, Express, MongoDB, React и TypeScript. Если вам интересен данный стек, тогда точно должна понравиться и концепция данной CMS. Смотрите сами.
  
• DevTools Tips — серия видеоуроков с краткими советами по эффективному использованию панели разработчика в Chrome.

• Фронтендеру на заметку: полное руководство по работе с терминалом на macOS.
• Выступление Александра Беспоясова на Podlodka Frontend Crew с рассказом о том, что такое чистая архитектура, чем она полезна, и как пользоваться её преимуществами во фронтенде с примерами системного лайв-дизайна и лайв-кодинга.
  

• Введение в SvelteKit за 80 минут

• На заметку начинающему фронтендеру: перевод статьи с подробным описанием закулисья работы веб-браузера.
• Примеры синтаксиса веб-компонентов популярных и набирающих популярность JavaScript-фреймворков.
  
• Введение в ethers.js, библиотеку для взаимодействия с блокчейном Ethereum.
  
• Фронтендеру на заметку: полезные советы по тестированию.
  
• Архитектура Model View Presenter во фронтенде: теория и практика.
  
• Angular, React или Vue.js? Что выбрать начинающему фронтенд-разработчику?
  

• ТОП 10 книг по веб-разработке (фронтенд) для начинающих: HTML, CSS, JavaScript, React, Vue

Интервью

• Как без опыта залететь на Middle Front-end разработчика?

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

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