Size: a a a

2021 April 01
Frontend Info
Полное руководство по доступным компонентам

https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/
источник
2021 April 02
Frontend Info
Оптимизация размера бандла в React приложениях: пример использования OPay Dashboard

https://medium.com/opay/bundle-size-optimization-in-react-applications-the-opay-dashboard-case-study-24fdc900a67b
источник
2021 April 03
Frontend Info
Объяснение SVG за 100 секунд
Супер-крутое видео, объясняющее SVG и его отличия от других форматов изображений.

https://www.youtube.com/watch?v=emFMHH2Bfvo
источник
2021 April 04
Frontend Info
Micro Frontends шаг за шагом, используя React, Webpack 5 и Module Federation

https://levelup.gitconnected.com/micro-frontends-step-by-step-using-react-webpack-5-and-module-federation-e4b9d840ec71
источник
2021 April 05
Frontend Info
VSCode Automations для Frontend-разработчиков
Повысьте производительность и качество кода с помощью этих инструментов и расширений!

https://blog.bitsrc.io/vscode-automations-for-frontend-developers-6c66a6f36bc6
источник
2021 April 06
Frontend Info
Лучшие практики для уведомлений о файлах cookie
Узнайте, как оптимизировать уведомления о файлах cookie для повышения производительности и удобства использования, из этой статьи Кэти Хемпениус.

https://web.dev/cookie-notice-best-practices/
источник
Frontend Info
JavaScript: Стек вызовов и магия его размера

https://habr.com/ru/post/550534/
источник
2021 April 07
Frontend Info
Инструменты для CSS аудита

https://css-tricks.com/tools-for-auditing-css/
источник
Frontend Info
Использование медиа-запросов с JavaScript

https://dev.to/maroun_baydoun/using-media-queries-with-javascript-4aeo
источник
Frontend Info
Важность делегирования JavaScript событий

https://medium.com/internshala-tech/how-to-handle-events-dynamically-using-javascript-abe18faac3f5
источник
2021 April 08
Frontend Info
Responsively: инструмент тестирования адаптивного дизайна для Windows, Mac и Linux

https://responsively.app/
источник
2021 April 09
Frontend Info
Начало работы с React и D3.js

https://wattenberger.com/blog/react-and-d3
источник
Frontend Info
12 апреля стартует Podlodka Frontend Crew – абсолютно новая конференция для фронтенд-разработчиков от команды Podlodka!

Конференция будет идти в формате двухнедельного интенсива, и мы подобрали такие темы недель, чтобы вам было интересно вне зависимости от того, какой фреймворк вы используете. Темы недель – “Оптимизация перфоманса” и “Стабильность и качество фронтенда”.

🏃‍♂️На неделе “Оптимизация перфоманса” с разных сторон посмотрим на производительность: от оптимизации размера бандла и работы с инфраструктурой сети и до оптимизации сайта с точки зрения UX и разбора причин, почему бизнесу может быть важно заниматься производительностью.

🛠 А неделя “Стабильность и качество фронтенда” будет посвящена подходам и практикам, помогающим избегать и своевременно обнаруживать проблемы и ошибки. Обсудим контрактные, unit и end-to-end тесты, разберемся с мониторингами и алертингами и обсудим другие инженерные практики.

🗝 Ключевая особенность конференций Podlodka Crew: помимо докладов в программе множество нескучных форматов: рулетки кейсов, батлы, лайв-кодинги и не только. Добавим к этому общение со спикерами на зум-сессиях и нетворкинг в слаке, и получим прекрасный способ с пользой провести время! А кроме того, вы получите доступ к записям всех сессий, чтобы потом в любой удобный момент можно было освежить знания!

Стартуем 12 апреля, расписание уже на сайте. Ждем на борту!
источник
2021 April 10
Frontend Info
Библиотеки управления состоянием React и как их выбрать

https://daveceddia.com/react-state-management/
источник
2021 April 11
Frontend Info
Сделайте ваши Jest-тесты на 20% быстрее, изменив одну настройку

https://ivantanev.com/make-jest-faster/
источник
2021 April 12
Frontend Info
Как использовать шаблоны SVG

https://designmodo.com/svg-patterns/
источник
Frontend Info
React Context для внедрения зависимостей, а не управления состоянием

https://blog.testdouble.com/posts/2021-03-19-react-context-for-dependency-injection-not-state
источник
2021 April 13
Frontend Info
Как создать временную шкалу с помощью чистого CSS

https://blog.bitsrc.io/how-to-create-a-timeline-with-pure-css-862ffea5b99b
источник
2021 April 14
Frontend Info
Итеративное исправление медленного сайта
 
Килан Парр показывает, как постепенно повышать производительность вашего сайта.

https://css-tricks.com/fixing-a-slow-site-iteratively/
источник
Frontend Info
Как на самом деле тестировать UI
Методы тестирования, используемые ведущими командами инженеров

https://storybook.js.org/blog/how-to-actually-test-uis/
источник