Font-awesome – Культовый набор инструментов SVG, font и CSS

Наиболее популярный набор инструментов для иконок, который был переработан и построен с нуля. Кроме того, здесь есть такие фичи как лигатуры шрифтов значков, библиотека SVG иконок, официальные пакеты NPM для популярных клиентских библиотек, таких как React, и CDN

#GitHub | #Archive #Icons

@react_tg

Saleor – Модульная, высокопроизводительная, headless платформа электронной коммерции, построенная на Python, GraphQL, Django и React.

Это быстрорастущая платформа электронной коммерции с открытым исходным кодом, которая с 2012 года обслуживает крупные компании из таких отраслей, как издательство и одежда.

#GitHub | #Python #React #GraphQL #Platform

@react_tg

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

Chakra-ui – Простые, модульные и доступные компоненты пользовательского интерфейса для ваших приложений React

Chakra UI предоставляет набор доступных, многоразовых и компонуемых компонентов React, которые очень упрощают создание веб-сайтов и приложений

#GitHub | #TypeScript #React #Web

@react_tg

Frontend-challenges – сборник некоторых «игривых» задач с открытым исходным кодом от различных компаний, чтобы проверить и улучшить ваши знания

Цель данного репозитория - проверить свои знания в фронт-енде с помощью реальных заданий. Здесь находятся тесты по React, HTML & CSS, JS, Git, Redux и многое другое..

#GitHub | #Archive #Interesting #Useful #Web

@react_tg

Использование логических значений никогда не были такими простыми. Допустим, вам нужно управлять видимостью компонента Navbar с помощью пропса showTitle.

#react

Отличный способ для выбора между двумя компонентами по некоторому условию – например, в зависимости от роли активного пользователя.

#react

Если у вас выбор между тремя и более компонентами, тернарный оператор не подходит. В этом случае литералы объектов могут сделать код более читаемым – используйте их вместо сложных условий.

#react

3D Carousel

Автор создал необычную карусель с нуля на React. Стилизация реализована с использованием препроцессора SCSS.

https://codepen.io/ykadosh/pen/ZEJLapj

@react_tg