Креш курс по TypeScript для React разработки (и не только)
https://profy.dev/article/react-typescript
https://profy.dev/article/react-typescript
👍19😁2
Просим ChatGPT создать ToDo App
Может мы уже наконец встретились с заменой программистов на AI?
https://blog.bitsrc.io/ad347ad74c51
Может мы уже наконец встретились с заменой программистов на AI?
https://blog.bitsrc.io/ad347ad74c51
👎17🔥11🤯4👍3🥴2
FrontEndDev
Доступные front-end паттерны для отображения таблиц Зачастую таблицы с данными не умещаются в экраны планшетов и смартфонов. Посмотрим, как решить проблему стилизации и читаемости в таких ситуациях. https://www.smashingmagazine.com/2022/12/accessible-front…
Доступные таблицы - часть 2
Примеры визуализации и хорошего UX для разного рода таблиц.
https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part2/
Примеры визуализации и хорошего UX для разного рода таблиц.
https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part2/
🔥13👍2
Сила CSS колонок
О возможностях и удобстве использования свойства columns в CSS
https://medium.com/codex/the-true-power-of-css-columns-2e620ad66282
О возможностях и удобстве использования свойства columns в CSS
https://medium.com/codex/the-true-power-of-css-columns-2e620ad66282
👍14⚡2
30 способов улучшить CSS перформанс сайта
От банальных до изощренных.
https://blog.openreplay.com/30-ways-to-improve-website-performance-with-css/
От банальных до изощренных.
https://blog.openreplay.com/30-ways-to-improve-website-performance-with-css/
🔥16⚡1
Для этого не нужна ARIA
Случаи, когда уменьшение числа ARIA атрибутов повышает доступность
https://habr.com/ru/post/706674/
Случаи, когда уменьшение числа ARIA атрибутов повышает доступность
https://habr.com/ru/post/706674/
Хабр
Для этого не нужна ARIA
В веб-разработке написание семантического HTML важно для доступности, а также дает некоторые приятные побочные эффекты, такие как поддержка режима «чтения» в браузере, SEO, graceful degradation и...
👍11❤2
Погружение в Rematch
Работа с библиотекой для управления состоянием в React приложениях
https://blog.openreplay.com/a-deep-dive-into-rematch--state-management-for-react/
Работа с библиотекой для управления состоянием в React приложениях
https://blog.openreplay.com/a-deep-dive-into-rematch--state-management-for-react/
👍13🤮7👎1💩1🍾1
Как работать со строками в JS
Советы по эффективной конкатенации строк.
https://www.freecodecamp.org/news/efficient-string-building-in-javascript/
Советы по эффективной конкатенации строк.
https://www.freecodecamp.org/news/efficient-string-building-in-javascript/
🔥14👏5👍1
Однажды у нас будет полностью настраиваемый select
Элемент selectmenu - новый HTML элемент, который еще не попал в спецификацию, но который уже можно потестить в Chrome.
https://habr.com/ru/post/707498/
Элемент selectmenu - новый HTML элемент, который еще не попал в спецификацию, но который уже можно потестить в Chrome.
https://habr.com/ru/post/707498/
👍40🙏14❤🔥4😁3
Топ 5 альтернатив Webpack
▫️Browserify
▫️ESBuild
▫️Parcel
▫️Rollup.js
▫️Vite.js
Основные концепции и базовая конфигурация каждого из них.
https://blog.openreplay.com/top-five-alternatives-to-webpack/
▫️Browserify
▫️ESBuild
▫️Parcel
▫️Rollup.js
▫️Vite.js
Основные концепции и базовая конфигурация каждого из них.
https://blog.openreplay.com/top-five-alternatives-to-webpack/
👍13😁2👌2🔥1🌚1
4 способа улучшить вашу форму с CSS селектором :has()
https://austingil.com/css-has-with-html-forms/
https://austingil.com/css-has-with-html-forms/
👍13
Оптимизируем загрузку данных с 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