13 сентября 2022

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

Пишу об IT и на Python. kungurov.net
В этом выпуске: обзор часто встречаемых ошибок, которые допускают React-разработчики; разбор популярных шаблонов и инструментов Node.js; обзор основных алгоритмов для веб-разработчиков простыми словами; тред о том, что такое API для фронтенд-разработчика.
📰 Weekly #17: новости, подкасты, отборные статьи и обучающие материалы по фронтенду
Больше полезных материалов вы найдете на нашем телеграм-канале «Библиотека фронтендера»

Новости

Angular

  • На заметку фронтендеру, который работает с Angular: использование директивы NgOptimizedImage для реализации загрузки изображений, доступной в Angular v14.2.0.

React

  • Повторный рендеринг в React: что это, когда присходит и как предотвратить.
  • Обзор часто встречаемых ошибок, которые допускают React-разработчики.
  • Пример архитектурного разделения React-приложения в соответствии с принципами чистой архитектуры
  • Перевод руководства, посвящённого повторному рендерингу в React.
  • Разбираемся, почему в React лучше использовать callbackrefs вместо useRef + useEffect, если вы хотите что-то сделать с элементом после его рендеринга.
  • Руководство по созданию многократно используемых React-компонентов с использованием Bit.
  • useMemo и useCallback в React: что делают, почему полезны и как извлечь из них максимальную пользу.
  • Практическое руководство по разработке многократно используемых компонентов React.

Vue

  • Vue 3 Composition API: подробное руководство и обзор преимуществ по сравнению с Options API.

Next.js

JavaScript, CSS и HTML

  • Мишель Баркер, известная по блогу CSS { In Real Life }, рассказывает обо всех современных и будущих возможностях CSS на CSS Day 2022.
  • Коллекция CSS-загрузчиков для вашего следующего проекта.
  • История одного хакатона, на котором 6 фронтендеров и один бэкенд-разработчик написали игру за 24 часа на JavaScript + Node.js + Socket.io.
  • Теоретические и практические аспекты работы легковесной и эффективной библиотеки для распознавания лиц, написанной на JavaScript.
  • Подборка олдскульных эффектов курсора мыши, созданных с использованием современного JavaScript. Весь код на GitHub — можете с легкостью добавить в проект.
  • Примеры использования популярных функций JavaScript, которые были добавлены в ECMAScript 2022 (ES13).
  • Преобразование типов в JavaScript: полный гайд для фронтендера.
  • Обзор функций современного CSS, или Как создавать новые решения для старых задач.
  • Разбираемся, что из себя представляет современная архитектура веб-разработки, основанная на клиентском JavaScript, повторно используемых API и предварительно созданной разметке.
  • 5 техник логирования с console в JavaScript. Заголовок хоть и кликбейтный, что-то полезное для себя все равно можно почерпнуть.
  • Оказывается, товарный знак JavaScript принадлежит Oracle. Вот почему стандарт называется ECMAScript.
  • 11 сокращений в JavaScript: наглядная иллюстрация от reactive_dude. Смотреть в Твиттере. Смотреть в Thread Reader App, если Твиттер не открывается.

TypeScript

  • Гайд по настройке TypeScript-проекта с использованием ESLint, Prettier и VS Code.
  • Dependency Injection: подробное объяснение важной концепции с примерами на Typescript.

NodeJS

— Dotenv
— Calling a service from a controller
— Nest.js dependency injection for all classes
— Passport.js
— Supertest
— Fastify utility decoration
— Logging from a catch clause
— Morgan logger
— NODE_ENV

Разное

  • Изучаем Three.js на примере реализации старого доброго тетриса.
  • Обзор обновлений DevTools в Chrome 105: новость, которая заслуживает отдельный пост.
  • Обзор основных алгоритмов для веб-разработчиков простыми словами.
  • Тред о том, что такое API для фронтенд-разработчика: от теории к практике. Читать в Твиттере, Читать в Thread Reader App, если Твиттер не открывается.
  • Deno ждут большие перемены. Узнайте результаты недавнего опроса, отзывы сообщества и дальнейшие планы развития платформы.
  • Политика автовоспроизведения видео в браузере: что это и какие палки в колёса ждут фронтенд-разработчика.
  • Разработка кроссбраузерного расширения: проблемы кроссбраузерности, из чего состоит расширение и чек-лист требований к расширениям в 2022 году.
  • Курс, который охватывает все аспекты современной разработки PWA. Подойдёт как новичкам, так и опытным разработчикам.
  • Вы уже поняли прелесть tailwind или сомневаетесь как и автор статьи?
  • Подкаст «Веб-стандарты»: Chrome 105
  • Подкаст «Веб-стандарты»: Вадим Макеев, Юля Миоцен, Никита Дубко и Алексей Симоненко обсуждают Firefox Nightly, Safari TP, браузер Arc, SVG-баги, доступность в Доке, скругление, меню, приватность, Clipboard API и export default.
***

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

Комментарии

ВАКАНСИИ

Добавить вакансию
Разработчик C++
Москва, по итогам собеседования

ЛУЧШИЕ СТАТЬИ ПО ТЕМЕ