Font-awesome – Культовый набор инструментов SVG, font и CSS
Наиболее популярный набор инструментов для иконок, который был переработан и построен с нуля. Кроме того, здесь есть такие фичи как лигатуры шрифтов значков, библиотека SVG иконок, официальные пакеты NPM для популярных клиентских библиотек, таких как React, и CDN
#GitHub | #Archive #Icons
@react_tg
Наиболее популярный набор инструментов для иконок, который был переработан и построен с нуля. Кроме того, здесь есть такие фичи как лигатуры шрифтов значков, библиотека SVG иконок, официальные пакеты NPM для популярных клиентских библиотек, таких как React, и CDN
#GitHub | #Archive #Icons
@react_tg
Saleor – Модульная, высокопроизводительная, headless платформа электронной коммерции, построенная на Python, GraphQL, Django и React.
Это быстрорастущая платформа электронной коммерции с открытым исходным кодом, которая с 2012 года обслуживает крупные компании из таких отраслей, как издательство и одежда.
#GitHub | #Python #React #GraphQL #Platform
@react_tg
Это быстрорастущая платформа электронной коммерции с открытым исходным кодом, которая с 2012 года обслуживает крупные компании из таких отраслей, как издательство и одежда.
#GitHub | #Python #React #GraphQL #Platform
@react_tg
👍1
React-query – Хуки для получения, кэширования и обновления асинхронных данных в React
Особенности:
• Transport/Protocol/Backend независимая выборка данных (REST, GraphQL, promises, что угодно!)
• Автоматическое кэширование + выборка (stale-while-revalidate, Window Refocus, Polling/Realtime)
• Параллельные + зависимые запросы
• Мутации + Reactive выборка запросов
• Многослойный кэш + автоматический сборщик «мусора» (garbage collector)
• Load-More + Infinite Scroll Queries w/ Scroll Recovery
• Отмена запросов и многое другое
#GitHub | #TypeScript #React #Query
@react_tg
Особенности:
• Transport/Protocol/Backend независимая выборка данных (REST, GraphQL, promises, что угодно!)
• Автоматическое кэширование + выборка (stale-while-revalidate, Window Refocus, Polling/Realtime)
• Параллельные + зависимые запросы
• Мутации + Reactive выборка запросов
• Многослойный кэш + автоматический сборщик «мусора» (garbage collector)
• Load-More + Infinite Scroll Queries w/ Scroll Recovery
• Отмена запросов и многое другое
#GitHub | #TypeScript #React #Query
@react_tg
❤1👍1
Frontend-challenges – сборник некоторых «игривых» задач с открытым исходным кодом от различных компаний, чтобы проверить и улучшить ваши знания
Цель данного репозитория - проверить свои знания в фронт-енде с помощью реальных заданий. Здесь находятся тесты по React, HTML & CSS, JS, Git, Redux и многое другое..
#GitHub | #Archive #Interesting #Useful #Web
@react_tg
Цель данного репозитория - проверить свои знания в фронт-енде с помощью реальных заданий. Здесь находятся тесты по React, HTML & CSS, JS, Git, Redux и многое другое..
#GitHub | #Archive #Interesting #Useful #Web
@react_tg
This media is not supported in your browser
VIEW IN TELEGRAM
3D Carousel
Автор создал необычную карусель с нуля на React. Стилизация реализована с использованием препроцессора SCSS.
https://codepen.io/ykadosh/pen/ZEJLapj
@react_tg
Автор создал необычную карусель с нуля на React. Стилизация реализована с использованием препроцессора SCSS.
https://codepen.io/ykadosh/pen/ZEJLapj
@react_tg
👍3🔥3❤1
Статья дня. react-tracking: декларативное отслеживание для приложений на React.
Читать статью
@react_tg
Читать статью
@react_tg
LogRocket Blog
react-tracking: Declarative tracking for React apps - LogRocket Blog
Declarative tracking is a method of tracking a user's interactions on a webpage. Explore declarative tracking using react-tracking.
👍3❤1🔥1🤡1
StaticShield — инструмент для защиты веб-сайтов паролем без необходимости писать код
После того, как утилита самостоятельно сгенерирует код для защиты паролем, вам останется лишь переместить его.
При помощи StaticShield можно защитить и отдельные страницы сайта, и веб-приложение целиком.
Есть интеграция многих популярных фреймворков, включая NextJS, VueJS, React и т.д
Стоимость: #бесплатно
#web #безопасность
После того, как утилита самостоятельно сгенерирует код для защиты паролем, вам останется лишь переместить его.
При помощи StaticShield можно защитить и отдельные страницы сайта, и веб-приложение целиком.
Есть интеграция многих популярных фреймворков, включая NextJS, VueJS, React и т.д
Стоимость: #бесплатно
#web #безопасность
👍4❤1🔥1
Rockpack – данный инструмент позволяет создавать «каркас» React приложения в стиле create-react-app
Основная идея - сократить время настройки проекта с недель до 5 минут
#JavaScript #React
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6❤1🔥1
Если вы работали с классовыми компонентами, то знакомы с методами жизненного цикла. Они служат для того, чтобы совершать какие-то операции на разных стадиях жизни компонента. Для этого есть два хука – useEffect и useLayoutEffect. Они похожи между собой, за исключением небольшой разницы в рендеринге. В случае с useLayoutEffect React не запускает рендеринг построенного DOM дерева до тех пор, пока не отработает useLayoutEffect. Если же берём useEffect, то React сразу запускает рендеринг построенного DOM, не дожидаясь запуска useEffect.
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥2❤1