FrontEndDev

Креш курс по TypeScript для React разработки (и не только)

https://profy.dev/article/react-typescript

Настройка Webpack 5

Пошаговое руководство по настройке сборщика Webpack 5 для совместной работы с такими инструментами как Pug, Sass, JS, React и Markdown.

https://habr.com/ru/post/701724/

React: работа с 3D-графикой

Рендерим модели и объекты с React Three Fiber, React Three Drei и Three.js

https://habr.com/ru/company/timeweb/blog/704024/

Практическое руководство по CSS media queries

Синтаксис, использование media через CSS, HTML, JS, основные правила.

https://stackdiary.com/css-media-queries/

Используем псевдо-селектор :modal

О работе с псево-элементами и псевдо-селекторами и конкретно с селектором :modal

https://blog.logrocket.com/css-modal-pseudo-selector/

Доступные front-end паттерны для отображения таблиц

Зачастую таблицы с данными не умещаются в экраны планшетов и смартфонов. Посмотрим, как решить проблему стилизации и читаемости в таких ситуациях.

https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1

Преобразуем макет в разметку

Советы для начинающих по верстке макетов: разбивка на блоки, порядок верстки и семантика.

https://www.htmhell.dev/adventcalendar/2022/1/

Релиз Vite 4

Что нового и как мигрировать с Vite 3 в статье.

https://vitejs.dev/blog/announcing-vite4.html

Объясняем работу flame charts из вкладки Perfomance на примере

Неочевидные результаты отображения чартов при исследовании перфоманса.

https://calendar.perfplanet.com/2022/make-sense-of-flame-charts-in-performance-tab-by-example/

Используем npm query для менеджмента зависимостей

CLI инструмент для аудита установленных пакетов, в том числе поиска недостающих, и определения пакетов, зависимых от других.

https://blog.logrocket.com/npm-query-better-dependency-management/

Рефакторинг на максималках

Сборник правил от Саши Беспоясова, который поможет облегчить рефакторинг кода.

https://refactor-like-a-superhero.vercel.app/ru

Набор CSS анимаций на все случаи жизни

Выбираете анимацию, жмете like и download и копируете сгенерированный код

https://animista.net

Полное руководство по Web Workers

Web Workers позволяют улучшать производительность приложений за счет вынесения тяжелой логики из основного потока. В статье описаны способы работы с воркерами, а также их ограничения.

https://www.sitepoint.com/developing-faster-javascript-apps-the-ultimate-guide-to-web-workers