Miroslav Kungurov

Пишу об IT и на Python. kungurov.net В этом выпуске: Async/await в JavaScript – полное руководство для начинающих с примерами; современный способ глубокого клонирования объектов в JavaScript, 6 аспектов, на которые стоит обращать внимание при отладке SVG и многое другое.

Vue

• 10 ошибок, которых следует избегать при работе с Vue 3. Читать

React

1. ​Представляем refine — open-source headless React-фреймворк (6.9K ⭐️ на GitHub) для CRUD-приложений. С ним вы можете быстро создать админку или дашбоард, при этом код останется гибким для изменений.✨refine бесшовно связывается с UI-фреймворками и поставляется с готовыми интеграциями для Ant Design System, Material UI, Mantine и Chakra UI 🚀GitHub: https://github.com/refinedev/refine

JavaScript, CSS и HTML

• Оглядываясь на прошлый год, Ryan Carniato (автор библиотеки SolidJS UI и член основной группы MarkoJS) высказывает свое мнение о том, какими он видит JavaScript-фреймворки в этом году.

• Полный обзор webpack в переводе Издательского дома «Питер». Читать

• Сравнение производительности maps vs. objects by reactive_dude

🔝ТОП-10 шаблонизаторов для фронтенд-разработки Шаблонизаторы применяют в разработке фронтенда для создания компонентов. Они позволяют создать более чистую и удобную для обслуживания кодовую базу, избавляя программиста от необходимости писать повторяющийся код несколько раз. В статье рассмотрим десять популярных во фронтенд-разработке шаблонизаторов и способы создания простых шаблонов. 🔗 Основной сайт 🔗 Зеркало

• Async/await в JavaScript: полное руководство для начинающих с примерами. Читать

• 👩‍💻 👩‍💻 Тестирование производительности разных JavaScript-трюков на Windows 10 и Google Chrome 107.0.5304.107 + Mozilla Firefox 107.0. Читать

• Перевод статьи Андрея Ситника про новые спецификации CSS и цветовое пространство OKLCH. Читать

• Современный способ глубокого клонирования объектов в JavaScript: быстрое погружение в structuredClone.

TypeScript

• TypeScript Utility Types: 3 минуты, чтобы навести порядок в голове.🎬 Смотреть

• Фронтендеру на заметку: советы по обработке ошибок в TypeScript. Читать

• Тип never в TypeScript: полный гайд для фронтенд-разработчика. https://www.zhenghao.io/posts/ts-never

NodeJS

• 10 лучших open source проектов Node.js, за которыми стоит следить. В статье обсуждаются плюсы/минусы Node.js и приводятся проекты-победители 2023 N|Solid Award:
  — Fastify-vite
  — Mercurius
  — Platformatic
  — Next.js
  — Prisma
  — Redwood
  — Nuxt
  — Strapi
  — Herbs.js
  — PNPM.
  Подробнее

Разное

• Основы создания доступных веб-сайтов и веб-приложений: опубликованы все модули курса Learn Accessibility. Подробнее

• Аня Ланда, фронтенд-разработчик в Самокате, рассказывает про эволюцию подходов к работе с таблицами во фронтенде, что меняется на пути от нескольких сотен до сотен тысяч элементов в таблице. Читать

• Руководство для начинающих по трассировке Chrome с точки зрения веб-разработчика. Бывают ситуации, когда вы отлаживаете сложную проблему с производительностью, поэтому вам приходится идти глубже вкладки «Производительность» в Chrome DevTools. Вот тут-то и появляется трассировка Chrome.👇Читать

• 🎙 Серия «Как мы попали в IT» продолжается. В новом видео про свой путь рассказывает легенда фронтенда Андрей Ситник.Его опенсорсными инструментами пользуется все индустрия. Но Андрей силён не только технической экспертизой, но и широким культурным кругозором.Это все сейчас. Когда-то он тоже был начинающим айтишникам, а в новом выпуске «Как мы попали в IT» рассказывает о своих первых шагах.🎬 Смотреть

• Подкаст «Веб-стандарты»: Андрей Мелихов, Алексей Симоненко, Вадим Макеев, Юля Миоцен про Safari TP, Chrome 109-110, CSS и Figma, State of JS 2022🔗 Слушайте на Ютубе 🔗 Ссылки на сайте

• 6 аспектов, на которые стоит обращать внимание при отладке SVG. Читать

• 🎙️Подкаст «Веб-стандарты»: Никита Дубко, Вадим Макеев, Алексей Симоненко, Андрей Мелихов про Firefox, CSS для печати, возвращение Servo, насколько ты Fugu, CSS-перфоманс и великий раздел.🔗 Слушайте на Ютубе 🔗 Ссылки на сайте

• 🔝 Лучшие фронтенд-инструменты 2022-го года в подборке автора рассылки Web Tools Weekly. Читать

• Вопросы на собеседовании по фронтенду. Видеокаст от канала webDev, который можно использовать для подготовки к собеседованиям на позицию джуниор и миддл фронтенд-разработчика.🎬Смотреть

***

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

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