Как использовать Styled-Components в React
https://www.smashingmagazine.com/2020/07/styled-components-react/
https://www.smashingmagazine.com/2020/07/styled-components-react/
Smashing Magazine
How To Use Styled-Components In React — Smashing Magazine
Styled components are “visual primitives for components”, and their goal is to give us a flexible way to style components. The result is a tight coupling between components and their styles. While the component-driven approach has ushered in a new frontier…
Продвинутые приёмы работы с react-router от Александра Бальцевича
https://www.youtube.com/playlist?list=PLz_dGYmQRrr-HEb1I-yfLru28HO2PrdwI
GitHub: https://github.com/Sin9k/react-router-dom-tricks
Demo: https://sin9k.com/
https://www.youtube.com/playlist?list=PLz_dGYmQRrr-HEb1I-yfLru28HO2PrdwI
GitHub: https://github.com/Sin9k/react-router-dom-tricks
Demo: https://sin9k.com/
YouTube
React Router Tricks - YouTube
Современное тестирование React, часть 4: Cypress и Cypress Testing Library
https://blog.sapegin.me/all/react-testing-4-cypress/
https://blog.sapegin.me/all/react-testing-4-cypress/
Artem Sapegin
Modern React testing, part 4: Cypress and Cypress Testing Library
You’ll learn how to test React apps end-to-end with Cypress and Cypress Testing Library, how to mock network requests with Mock Service Worker, and how to apply testing best practices to write integration tests.
Анализ CSS с помощью CSS OM: Получение поддерживаемых свойств, сокращений и других деталей
https://lea.verou.me/2020/07/introspecting-css-via-the-css-om-getting-supported-properties-shorthands-longhands/
https://lea.verou.me/2020/07/introspecting-css-via-the-css-om-getting-supported-properties-shorthands-longhands/
❤1👎1
Создание PWA было нашей лучшей идеей
https://medium.com/javascript-in-plain-english/building-a-pwa-was-our-best-idea-ever-b7b233726b41
https://medium.com/javascript-in-plain-english/building-a-pwa-was-our-best-idea-ever-b7b233726b41
Medium
Building a PWA was our best idea ever
Earlier this year, we built the very first COVID-19 PWA, humbly named “The Coronavirus App” (if you can’t access this link, check this)…
content-visibility: новое свойство CSS, повышающее производительность рендеринга.
https://web.dev/content-visibility/
https://web.dev/content-visibility/
web.dev
content-visibility: the new CSS property that boosts your rendering performance | Articles | web.dev
The CSS content-visibility property enables web content rendering performance benefits by skipping rendering of off-screen content. This article shows you how to use this new CSS property for faster initial load times, using the auto keyword. You will also…
Angular — это луковица. Подробный разбор каждого слоя
https://blog.nrwl.io/angular-is-an-onion-63f4cd1ece6
https://blog.nrwl.io/angular-is-an-onion-63f4cd1ece6
Medium
Angular is an Onion
Angular is an onion with the following layers
Анимация рукописной каллиграфии на SVG
https://www.motiontricks.com/svg-calligraphy-handwriting-animation/
https://www.motiontricks.com/svg-calligraphy-handwriting-animation/
Motion Tricks
SVG Calligraphy Handwriting Animation • Motion Tricks
SVG calligraphy can be tricky with varying width strokes and the text overlapping itself. Let's learn how to approach this with multiple masks.