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
Особенности:
• Transport/Protocol/Backend независимая выборка данных (REST, GraphQL, promises, что угодно!)
• Автоматическое кэширование + выборка (stale-while-revalidate, Window Refocus, Polling/Realtime)
• Параллельные + зависимые запросы
• Мутации + Reactive выборка запросов
• Многослойный кэш + автоматический сборщик «мусора» (garbage collector)
• Load-More + Infinite Scroll Queries w/ Scroll Recovery
• Отмена запросов и многое другое
@react_tg| #TypeScript #React #Query
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - TanStack/query: 🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS…
🤖 Powerful asynchronous state management, server-state utilities and data fetching for the web. TS/JS, React Query, Solid Query, Svelte Query and Vue Query. - TanStack/query
👍7❤1🔥1
Каждая созданная задача имеет свой секундомер. Начинаешь работать над задачей - запускаешь встроенный секундомер. При переключении на другую, секундомер останавливается и запускается уже на новой задаче
Так можно отслеживать по какими задачами сколько времени было затрачено
Написано на TS с помощью react + electron + antd
#TypeScript #React #Interesting
@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9❤1🔥1
🛠️ AI SDK Devtools: Инструмент для отладки и мониторинга AI приложений
AI SDK Devtools предоставляет мощные возможности для отслеживания событий, отладки вызовов инструментов и мониторинга производительности в реальном времени. Он позволяет фильтровать события, визуализировать использование токенов и перехватывать потоки данных AI SDK.
🚀Основные моменты:
- Реальное время мониторинга событий AI
- Отладка вызовов инструментов с параметрами и результатами
- Мониторинг производительности (скорость потоков)
- Фильтрация событий по типу и имени инструмента
- Визуализация использования контекста и токенов
📌 GitHub: https://github.com/midday-ai/ai-sdk-devtools
#typescript
AI SDK Devtools предоставляет мощные возможности для отслеживания событий, отладки вызовов инструментов и мониторинга производительности в реальном времени. Он позволяет фильтровать события, визуализировать использование токенов и перехватывать потоки данных AI SDK.
🚀Основные моменты:
- Реальное время мониторинга событий AI
- Отладка вызовов инструментов с параметрами и результатами
- Мониторинг производительности (скорость потоков)
- Фильтрация событий по типу и имени инструмента
- Визуализация использования контекста и токенов
📌 GitHub: https://github.com/midday-ai/ai-sdk-devtools
#typescript
❤5👍2🔥1
🛠️ Синхронизация Zustand хранилищ
🚀 Основные моменты:
- Легкая интеграция с Zustand
- Поддержка WebSocket для передачи данных
- Генерация и применение JSON Patch для обновлений
- Планы на расширение с дополнительными транспортными провайдерами
- Поддержка аутентификации и разрешения конфликтов
📌 GitHub: https://github.com/ryanntannn/zustand-sync
#typescript
zustand-sync — это легковесное middleware для синхронизации Zustand хранилищ между несколькими клиентами с использованием JSON Patch. Идеально подходит для проектов на React, позволяя передавать изменения состояния через WebSocket.🚀 Основные моменты:
- Легкая интеграция с Zustand
- Поддержка WebSocket для передачи данных
- Генерация и применение JSON Patch для обновлений
- Планы на расширение с дополнительными транспортными провайдерами
- Поддержка аутентификации и разрешения конфликтов
📌 GitHub: https://github.com/ryanntannn/zustand-sync
#typescript
GitHub
GitHub - ryanntannn/zustand-sync: A simple, barebones "multiplayer" middleware for zustand
A simple, barebones "multiplayer" middleware for zustand - ryanntannn/zustand-sync
❤9
🚀 Интерактивный помощник для VSCode с Claude Code
Claudix — это расширение для Visual Studio Code, которое интегрирует Claude AI прямо в ваш редактор. Оно предлагает интерактивный интерфейс для общения, управление сессиями и анализ кода, что делает процесс программирования более удобным и эффективным.
🚀 Основные моменты:
- Интерактивный чат с Claude Code
- Управление сессиями и история разговоров
- Интеллектуальный анализ кода
- Поддержка нескольких моделей Claude
- Реакция в реальном времени
📌 GitHub: https://github.com/Haleclipse/Claudix
#typescript
Claudix — это расширение для Visual Studio Code, которое интегрирует Claude AI прямо в ваш редактор. Оно предлагает интерактивный интерфейс для общения, управление сессиями и анализ кода, что делает процесс программирования более удобным и эффективным.
🚀 Основные моменты:
- Интерактивный чат с Claude Code
- Управление сессиями и история разговоров
- Интеллектуальный анализ кода
- Поддержка нескольких моделей Claude
- Реакция в реальном времени
📌 GitHub: https://github.com/Haleclipse/Claudix
#typescript
GitHub
GitHub - Haleclipse/Claudix: Gorgeous Claude Code Extend for VS Code.
Gorgeous Claude Code Extend for VS Code. Contribute to Haleclipse/Claudix development by creating an account on GitHub.
❤3👍2🕊1