Size: a a a

2021 February 16
Frontend Info
React Hooks ретроспектива: Event Driven Async Hooks

Повторное использование хуков так же важно, как и их разработка. Пример разработки чата всего с тремя настраиваемыми хуками.  https://orizens.com/blog/react-hooks-retrospective-event-driven-async-hooks/
источник
2021 February 17
Frontend Info
Разработка производительного пользовательского курсора
Отличная статья Стефана Витасовича о том, как правильно реализовать собственный курсор.

https://medium.com/14islands/developing-a-performant-custom-cursor-89f1688a02eb
источник
2021 February 18
Frontend Info
Как TypeScript помогает создавать лучшие приложения на React

https://felixgerschau.com/react-typescript/ #typescript

Используете ли вы TypeScript на своем проекте?

Да - 125
👍👍👍👍👍👍👍👍 64%
Нет - 69
👍👍👍👍👍 36%
👥 194 человека уже проголосовало.
источник
2021 February 19
Frontend Info
Доступ к аппаратным устройствам в Web: обзор API-интерфейсов - Chrome имеет тенденцию иметь более уникальные API-интерфейсы для доступа к оборудованию, поэтому будьте осторожны, если необходима кроссбраузерная совместимость, но, тем не менее, есть много вариантов от Gamepad API или getUserMedia до Generic Sensor API или веб-NFC.

https://web.dev/devices-introduction/
источник
2021 February 20
Frontend Info
CSS-переходы и анимация наведения, интерактивное руководство

Подробное руководство по CSS-переходам, в котором рассматриваются основные строительные блоки, необходимые для создания микровзаимодействий и другой анимации.

https://www.joshwcomeau.com/animation/css-transitions/
источник
2021 February 21
Frontend Info
Объяснение всех React хуков + создание свой собственный с нуля

https://youtu.be/TNhaISOUy6Q
источник
2021 February 22
Frontend Info
источник
Frontend Info
Понимание Z-индекса в CSS
Наглядное руководство о том, как z-index и контексты наложения работают в CSS. https://ishadeed.com/article/understanding-z-index/
источник
2021 February 23
Frontend Info
Прокрутите до фрагмента текста: как связать и выделить любой текст на веб-странице

https://mgearon.com/html/text-fragments
источник
Frontend Info
Создание компонента вкладок
Базовый обзор того, как создать компонент вкладок, аналогичный тем, что есть в приложениях iOS и Android. https://web.dev/building-a-tabs-component/
источник
2021 February 24
Frontend Info
10 правил Front-End TDD, которых следует придерживаться

https://medium.com/swlh/10-rules-of-front-end-tdd-to-abide-by-f48987dc2ffc

Используете ли вы TDD?

Да - 10
👍👍 16%
Нет - 52
👍👍👍👍👍👍👍👍 84%
👥 62 человека уже проголосовало.
источник
Frontend Info
Мир JavaScript в 2021 году

https://habr.com/ru/company/ruvds/blog/542376/
источник
2021 February 25
Frontend Info
Оптимизация видео по размеру и качеству

Пошаговые инструкции по оптимизации видео на вашем сайте, чтобы обеспечить быстрое воспроизведение.
https://www.smashingmagazine.com/2021/02/optimizing-video-size-quality/
источник
Frontend Info
Изучаем Snowpack: высокопроизводительный инструмент для сборки внешнего проекта

https://www.sitepoint.com/learn-snowpack/
источник
2021 February 26
Frontend Info
SVG: хорошее, плохое и уродливое

Автор делится своим мнением о формате масштабируемой векторной графики, о его проблемах, предлагает, что можно сделать для улучшения. https://www.eisfunke.com/article/svg-the-good-the-bad-and-the-ugly.html
источник
Frontend Info
Создайте свой собственный инструмент командной строки для мониторинга погоды

https://www.codementor.io/@jons/build-your-own-cli-tool-to-monitor-weather-1f18v5nuod
источник
Frontend Info
Как значительно улучшить fetch() с помощью шаблона декоратора

https://dmitripavlutin.com/enhance-fetch-with-decorator-pattern/
источник
2021 February 27
Frontend Info
Изготовление собственного create-react-app typescript шаблона

https://dronz.medium.com/making-a-personal-cra-typescript-template-38b418d6fdf4
источник
2021 February 28
Frontend Info
Управление CSS z-index в крупных проектах

https://jobs.smashingmagazine.com/2021/02/css-z-index-large-projects/
источник
2021 March 01
Frontend Info
Будущее CSS: анимация с прокруткой и @scroll-timeline@scroll-timeline
Брамус экспериментирует с предстоящей спецификацией Scroll-connected Animations, которая определяет способ создания анимаций, связанных со смещением прокрутки контейнера прокрутки.

https://www.bram.us/2021/02/23/the-future-of-css-scroll-linked-animations-part-1/
источник