Практическое руководство по тестированию React-приложений с помощью Jest.
Обзорная статья о настройке Jest и что с помощью него можно тестировать (и как).
https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/
Обзорная статья о настройке Jest и что с помощью него можно тестировать (и как).
https://www.smashingmagazine.com/2020/06/practical-guide-testing-react-applications-jest/
Smashing Magazine
A Practical Guide To Testing React Applications With Jest — Smashing Magazine
Building a well-functioning application requires good testing; otherwise, knowing whether your application works as expected would be a matter of guesswork and luck. Jest is one of the best tools available for testing React applications. In this article,…
Клиентский мониторинг производительности
О том, какие метрики бывают, как их собирать, оценивать и улучшать.
https://habr.com/ru/company/tinkoff/blog/508256/
О том, какие метрики бывают, как их собирать, оценивать и улучшать.
https://habr.com/ru/company/tinkoff/blog/508256/
Память в JavaScript — без утечек.
Статья о возможных ошибках, которые влияют на производительность и паттерне Data Locality.
https://habr.com/ru/company/skillfactory/blog/507758/
Статья о возможных ошибках, которые влияют на производительность и паттерне Data Locality.
https://habr.com/ru/company/skillfactory/blog/507758/
Обзор техник прокрутки страниц (с примерами).
Одна из них - CSS parallax довольно актуальна для лендингов
https://css-tricks.com/an-overview-of-scroll-technologies/?ref=heydesigner
Одна из них - CSS parallax довольно актуальна для лендингов
https://css-tricks.com/an-overview-of-scroll-technologies/?ref=heydesigner
CSS-Tricks
An Overview of Scroll Technologies | CSS-Tricks
Scroll-related animations have been used on the web for years. In recent years, they’ve started to become more common, perhaps in part due to devices being
15 вопросов для интервью по React с решениями
https://www.sitepoint.com/react-interview-questions-solutions/
https://www.sitepoint.com/react-interview-questions-solutions/
SitePoint
15 React Interview Questions with Solutions
Prepare for React interview questions that are key to understanding and working effectively with React, with links for further learning.
👍1
Обход капч с помощью Headless Chrome.
Чтобы ваш бот был совсем как человек)
https://habr.com/ru/post/508192/
Чтобы ваш бот был совсем как человек)
https://habr.com/ru/post/508192/
Хабр
Обход капч с помощью Headless Chrome
Использование 2Captcha and Puppeteer для автоматического прохождения капч Вот уже лет десять мы видим капчи по всему интернету. Все эти волнистые линии, слова или числа, мешающие нам при попытке...
Как сделать localStorage реактивным во Vue
https://css-tricks.com/how-to-make-localstorage-reactive-in-vue/
https://css-tricks.com/how-to-make-localstorage-reactive-in-vue/
CSS-Tricks
How to Make localStorage Reactive in Vue | CSS-Tricks
Reactivity is one of Vue’s greatest features. It is also one of the most mysterious if you don’t know what it’s doing behind the scenes. Like, why does it
Эмуляция различных медиа выражений в Chrome и отладка темного режима
https://tech.geekjob.ru/emulate-prefers-color-scheme-media-query/
https://tech.geekjob.ru/emulate-prefers-color-scheme-media-query/
tech.geekjob.ru
Эмуляция различных медиа выражений в Chrome и отладка темного режима
Emulate media queries in Chrome, for example: prefers-color-scheme Небольшая заметка-памятка, как отлаживать разные медиа выраже
Эффект смятого постера на CSS.
Прям как из кармана достал.
https://codepen.io/lynnandtonic/full/PoZpjOr
Прям как из кармана достал.
https://codepen.io/lynnandtonic/full/PoZpjOr
Используем DI в Angular по максимуму — концепция частных провайдеров
https://habr.com/ru/company/tinkoff/blog/507906/
https://habr.com/ru/company/tinkoff/blog/507906/
Хабр
Используем DI в Angular по максимуму — концепция частных провайдеров
В Angular очень мощный механизм Dependency Injection. Он позволяет передавать по вашему приложению любые данные, преобразовывать и переопределять их в нужных частях. Поэтому мы можем делать...
Как получить размеры экрана, окна и веб-страницы в JavaScript.
Или в чем отличие width от innerWidth и outerWidth.
https://dmitripavlutin.com/screen-window-page-sizes/
Или в чем отличие width от innerWidth и outerWidth.
https://dmitripavlutin.com/screen-window-page-sizes/
Dmitri Pavlutin Blog
How to Get the Screen, Window, and Web Page Sizes in JavaScript
How to get the screen, browser window, and web page sizes (width and height) in JavaScript.
Что нужно знать о метриках Core веб Vitals в Google.
Метрики Core Web Vitals фокусируются на различных аспектах удобства использования страницы.
https://searchengines.guru/ru/articles/2047835
Метрики Core Web Vitals фокусируются на различных аспектах удобства использования страницы.
https://searchengines.guru/ru/articles/2047835
SearchEngines
Что нужно знать о метриках Core Web Vitals в Google
Вся необходимая информация об основных показателях загрузки
Доступное и удобное для клавиатуры гамбургер-меню + выдвижная навигация
https://www.impressivewebs.com/accessible-keyboard-friendly-hamburger-menu-slide-out-navigation/
https://www.impressivewebs.com/accessible-keyboard-friendly-hamburger-menu-slide-out-navigation/
Impressive Webs
Accessible and Keyboard-Friendly Hamburger Menu + Slide Out Navigation
A live demo and tips on building an accessible hamburger menu that's keyboard-friendly and toggles a slide-out navigation panel.
Выделение фрагмента текста: как сделать ссылку на конкретный фрагмент текста на веб-странице и подсветить его.
Оказывается, не так уж и сложно)
https://mgearon.com/html/text-fragments/
Оказывается, не так уж и сложно)
https://mgearon.com/html/text-fragments/
Server Side Rendering React App с Deno
Очень короткий туториал.
https://dev.p.ota.to/post/server-side-rendering-react-app-with-deno-4qf28vm8axb/
Очень короткий туториал.
https://dev.p.ota.to/post/server-side-rendering-react-app-with-deno-4qf28vm8axb/
dev.p.ota.to
Potato | Server Side Rendering React App with Deno
Intro
5 основных ошибок при мониторинге производительности.
Если коротко:
1. Полагаться на один тестовый прогон - плохо
2. Использовать кучу инструментов для мониторинга
3. И ожидать от них одинаковый результат - плохо
4. Нельзя тестить только на проде
5. Фокусироваться не на тех метриках - тоже не очень
https://calibreapp.com/blog/common-mistakes-in-tracking-speed
Если коротко:
1. Полагаться на один тестовый прогон - плохо
2. Использовать кучу инструментов для мониторинга
3. И ожидать от них одинаковый результат - плохо
4. Нельзя тестить только на проде
5. Фокусироваться не на тех метриках - тоже не очень
https://calibreapp.com/blog/common-mistakes-in-tracking-speed
Calibre - Site Speed Tools for Teams
5 Common Mistakes Teams Make When Tracking Performance - Calibre
Learn and avoid the most common misconceptions in tracking speed.