Интегрируем recaptcha в React приложение
https://blog.openreplay.com/implementing-recaptcha-in-react/
https://blog.openreplay.com/implementing-recaptcha-in-react/
😁13👍6
Практическое руководство по CSS media queries
Синтаксис, использование media через CSS, HTML, JS, основные правила.
https://stackdiary.com/css-media-queries/
Синтаксис, использование media через CSS, HTML, JS, основные правила.
https://stackdiary.com/css-media-queries/
👍5🔥3
Как собрать, покрыть тестами и опубликовать TypeScript-пакет в npm в 2022 году
https://habr.com/ru/company/otus/blog/704398/
https://habr.com/ru/company/otus/blog/704398/
👍11🔥4🍌2⚡1
React: работа с 3D-графикой
Рендерим модели и объекты с React Three Fiber, React Three Drei и Three.js
https://habr.com/ru/company/timeweb/blog/704024/
Рендерим модели и объекты с React Three Fiber, React Three Drei и Three.js
https://habr.com/ru/company/timeweb/blog/704024/
👍15
Настройка Webpack 5
Пошаговое руководство по настройке сборщика Webpack 5 для совместной работы с такими инструментами как Pug, Sass, JS, React и Markdown.
https://habr.com/ru/post/701724/
Пошаговое руководство по настройке сборщика Webpack 5 для совместной работы с такими инструментами как Pug, Sass, JS, React и Markdown.
https://habr.com/ru/post/701724/
🤮12👍7🔥5❤🔥3💩3😱1🤡1
Креш курс по 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