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

Новости

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

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

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

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

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

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

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