React JS
17.6K subscribers
594 photos
72 videos
5 files
685 links
React программирование

@haarrp - admin

@itchannels_telegram - 🔥лучшие ит-каналы

@javascriptv - продвинутый javascript

@programming_books_it - бесплатные it книги

@ai_machinelearning_big_data - ml

№ 5037566384
Download Telegram
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
1👍1
Chakra-ui – Простые, модульные и доступные компоненты пользовательского интерфейса для ваших приложений React

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

#GitHub | #TypeScript #React #Web

@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
• Отмена запросов и многое другое

🔩 Ссылка на проект

@react_tg| #TypeScript #React #Query
Please open Telegram to view this post
VIEW IN TELEGRAM
👍71🔥1
🔩Time-trackerтуду листы с трекингом времени

Каждая созданная задача имеет свой секундомер. Начинаешь работать над задачей - запускаешь встроенный секундомер. При переключении на другую, секундомер останавливается и запускается уже на новой задаче

Так можно отслеживать по какими задачами сколько времени было затрачено

Написано на TS с помощью react + electron + antd

#TypeScript #React #Interesting

@react_tg
Please open Telegram to view this post
VIEW IN TELEGRAM
👍91🔥1
🛠️ AI SDK Devtools: Инструмент для отладки и мониторинга AI приложений

AI SDK Devtools предоставляет мощные возможности для отслеживания событий, отладки вызовов инструментов и мониторинга производительности в реальном времени. Он позволяет фильтровать события, визуализировать использование токенов и перехватывать потоки данных AI SDK.

🚀Основные моменты:
- Реальное время мониторинга событий AI
- Отладка вызовов инструментов с параметрами и результатами
- Мониторинг производительности (скорость потоков)
- Фильтрация событий по типу и имени инструмента
- Визуализация использования контекста и токенов

📌 GitHub: https://github.com/midday-ai/ai-sdk-devtools

#typescript
5👍2🔥1
🛠️ Синхронизация Zustand хранилищ

zustand-sync — это легковесное middleware для синхронизации Zustand хранилищ между несколькими клиентами с использованием JSON Patch. Идеально подходит для проектов на React, позволяя передавать изменения состояния через WebSocket.

🚀 Основные моменты:
- Легкая интеграция с Zustand
- Поддержка WebSocket для передачи данных
- Генерация и применение JSON Patch для обновлений
- Планы на расширение с дополнительными транспортными провайдерами
- Поддержка аутентификации и разрешения конфликтов

📌 GitHub: https://github.com/ryanntannn/zustand-sync

#typescript
9
🚀 Интерактивный помощник для VSCode с Claude Code

Claudix — это расширение для Visual Studio Code, которое интегрирует Claude AI прямо в ваш редактор. Оно предлагает интерактивный интерфейс для общения, управление сессиями и анализ кода, что делает процесс программирования более удобным и эффективным.

🚀 Основные моменты:
- Интерактивный чат с Claude Code
- Управление сессиями и история разговоров
- Интеллектуальный анализ кода
- Поддержка нескольких моделей Claude
- Реакция в реальном времени

📌 GitHub: https://github.com/Haleclipse/Claudix

#typescript
3👍2🕊1