Оптимизируем загрузку данных с React Query
Что может React Query:
▫️Кеширование
▫️Перезагрузка данных при изменении условий
▫️Pre-fetching
и не только
Подробнее в статье
https://christopherkade.com/posts/react-query
Что может React Query:
▫️Кеширование
▫️Перезагрузка данных при изменении условий
▫️Pre-fetching
и не только
Подробнее в статье
https://christopherkade.com/posts/react-query
👍27❤🔥2⚡1👎1
Разбираемся с новыми API React Router
Данные роута, навигация и обработка ошибок.
https://blog.logrocket.com/react-router-data-navigation-error-handling-apis/
Данные роута, навигация и обработка ошибок.
https://blog.logrocket.com/react-router-data-navigation-error-handling-apis/
👍20👎3🔥1
5 API современных браузеров для анализа производительности
▫️Performance Timeline API
▫️Resource Timing API
▫️Navigation Timing API
▫️User Timing API
▫️PerformanceObserver API
https://blog.logrocket.com/top-5-web-apis-performance-based-analysis/
▫️Performance Timeline API
▫️Resource Timing API
▫️Navigation Timing API
▫️User Timing API
▫️PerformanceObserver API
https://blog.logrocket.com/top-5-web-apis-performance-based-analysis/
👍16👌2
Аналитическая сводка про веб за 2022
Статистика по технологиям, сервисам, инструментам и тп.
https://css-tricks.com/2022-roundup-of-web-research/
Статистика по технологиям, сервисам, инструментам и тп.
https://css-tricks.com/2022-roundup-of-web-research/
👍15
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем интерактивный pie chart на HTML и CSS
https://blog.logrocket.com/building-interactive-pie-charts-css-and-html/
https://blog.logrocket.com/building-interactive-pie-charts-css-and-html/
👌14❤1👍1😢1
This media is not supported in your browser
VIEW IN TELEGRAM
Анимируем элементы по скролу на JS c использованием Intersection Observer API
https://adelpro.medium.com/scroll-animation-using-the-javascript-build-in-intersection-observer-api-third-party-libraries-b3ed0a6286bd
https://adelpro.medium.com/scroll-animation-using-the-javascript-build-in-intersection-observer-api-third-party-libraries-b3ed0a6286bd
👍22😐5❤2
Полное руководство по LocalStorage
https://blog.openreplay.com/the-ultimate-guide-to-localstorage-in-javascript/
https://blog.openreplay.com/the-ultimate-guide-to-localstorage-in-javascript/
👍18👎2
10 простых и не очень вопросов на front-end собеседовании, которые лучше подготовить
https://fatfish.medium.com/10-front-end-interview-questions-you-should-know-about-97a461e186f4
https://fatfish.medium.com/10-front-end-interview-questions-you-should-know-about-97a461e186f4
👍34🤮11👎4
Накладываем маски на изображения с помощью CSS
О том, как использовать свойство
https://blog.logrocket.com/css-mask-image-property/
О том, как использовать свойство
mask-image для комбинации изображений и svg.https://blog.logrocket.com/css-mask-image-property/
👍24❤3❤🔥2⚡1
Погружаемся в метапрограммирование
Прокси и рефлексия в JS.
https://blog.openreplay.com/exploring-metaprogramming-proxying-and-reflection-in-javascript/
Прокси и рефлексия в JS.
https://blog.openreplay.com/exploring-metaprogramming-proxying-and-reflection-in-javascript/
👍14🌚3😐3⚡2
Работа с изображениями в формате Webp
Основные отличия webp от других форматов, и как их использовать в разработке.
https://blog.openreplay.com/working-with-webp-images/
Основные отличия webp от других форматов, и как их использовать в разработке.
https://blog.openreplay.com/working-with-webp-images/
👍15👎3
JavaScript Risings Stars
Обзор наиболее популярных проектов в экосистеме JS за 2022.
https://risingstars.js.org/2022/en
Обзор наиболее популярных проектов в экосистеме JS за 2022.
https://risingstars.js.org/2022/en
👍21🐳4👨💻2❤1
Создаем веб компоненты на JS с WebC
WebC генерирует разметку для веб компонентов и имеет набор утилит, которые упрощают разработку.
https://blog.logrocket.com/building-web-components-with-webc-vanilla-javascript/
WebC генерирует разметку для веб компонентов и имеет набор утилит, которые упрощают разработку.
https://blog.logrocket.com/building-web-components-with-webc-vanilla-javascript/
👍11🕊1🐳1
Разрабатываем опенсорс библиотеку
Инструкция для начинающих.
https://habr.com/ru/company/inDrive/blog/706662/
Инструкция для начинающих.
https://habr.com/ru/company/inDrive/blog/706662/
👌15👎2👍1🤔1
Несколько советов по работе с VS Code
Трюки, хаки и шорткаты для улучшения вашей продуктивности.
https://www.youtube.com/watch?v=ifTF3ags0XI
Трюки, хаки и шорткаты для улучшения вашей продуктивности.
https://www.youtube.com/watch?v=ifTF3ags0XI
YouTube
25 VS Code Productivity Tips and Speed Hacks
Learn 25 VS Code tips and tricks that will help you write code faster. Try out awesome new features and extensions that turn your editor into a full-blown IDE. https://fireship.io/pro
#vscode #learntocode #programming
Support me for $1 on github https:…
#vscode #learntocode #programming
Support me for $1 on github https:…
👍15🔥4❤🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем гладкие анимационные переходы для CSS Grid
https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/
https://blog.logrocket.com/creating-smoother-css-transitions-animate-css-grid/
👍14👎4
Стриминг SSR с React 18
Использование renderToPipeableStream для отдачи контента React приложения
https://blog.logrocket.com/streaming-ssr-with-react-18/
Использование renderToPipeableStream для отдачи контента React приложения
https://blog.logrocket.com/streaming-ssr-with-react-18/
🤔18👍8
Объясняем аутентификацию в Web, проводя аналогию с банками
2 популярных паттерна:
▫️JWT
▫️Session
https://www.smashingmagazine.com/2023/01/authentication-websites-banking-analogy/
2 популярных паттерна:
▫️JWT
▫️Session
https://www.smashingmagazine.com/2023/01/authentication-websites-banking-analogy/
🔥12👍3
Создаем проект на Vite с React и Typescript
Об альтернативе Create React App — как быстро создать проект при помощи билд-системы Nx.
https://blog.nrwl.io/react-vite-and-typescript-get-started-in-under-2-minutes-3bd5cd836175
Об альтернативе Create React App — как быстро создать проект при помощи билд-системы Nx.
https://blog.nrwl.io/react-vite-and-typescript-get-started-in-under-2-minutes-3bd5cd836175
🔥17👍4
Биндинг данных в React
О том, как работать с разными элементами ввода, и каких ошибок стоит избегать
https://www.joshwcomeau.com/react/data-binding/
О том, как работать с разными элементами ввода, и каких ошибок стоит избегать
https://www.joshwcomeau.com/react/data-binding/
👍17🥴3⚡2
Используем деструктивное присваивание пропсов во Vue Composition API
Дмитрий Павлутин рассказывает, как сохранить удобство разработки и не потерять реактивность объектов.
https://dmitripavlutin.com/props-destructure-vue-composition/
Дмитрий Павлутин рассказывает, как сохранить удобство разработки и не потерять реактивность объектов.
https://dmitripavlutin.com/props-destructure-vue-composition/
👏12🤨7🔥2❤🔥1👍1