🔗 Объединение Telegram и Obsidian

Плагин для синхронизации сообщений и файлов из Telegram в Obsidian. Позволяет сохранять текст, голосовые записи и изображения, упрощая организацию информации. Доступен только для настольных платформ.

🚀Основные моменты:
- Синхронизация текстов и файлов из Telegram
- Возможность сохранять сообщения как отдельные заметки
- Поддержка транскрипции голосовых сообщений
- Настраиваемые шаблоны для новых заметок
- Автоматическое форматирование текста в Markdown

📌 GitHub: https://github.com/soberhacker/obsidian-telegram-sync

#javascript

🖥 Методы работы с массивами в JavaScript!

Обзор методов JavaScript DOM 👨‍💻

Совет по Javascript 💡

Для лучшей отладки используйте именованные выражения стрелочных функций для критических/часто используемых callback'ов ✅

🚀 React Native Godot: Интеграция Godot в мобильные приложения

React Native Godot позволяет встраивать движок Godot в приложения на React Native для Android и iOS. Это решение стабильно работает в приложениях, обслуживающих миллионы пользователей, и предоставляет доступ ко всем API Godot из JavaScript.

🚀 Основные моменты:
- Поддержка Android и iOS с использованием LibGodot.
- Возможность запуска, остановки и перезапуска Godot.
- Godot работает в отдельном потоке, не влияя на основной поток приложения.
- Полный доступ к API Godot из TypeScript/JavaScript.
- Примеры использования доступны в приложении.

📌 GitHub: https://github.com/borndotcom/react-native-godot

#javascript

🍏📦 Apple App Store Frontend Source Code Archive

Репозиторий содержит извлеченный исходный код фронтенда App Store, собранный с помощью расширения для Chrome. Код сохранен для образовательных целей, так как Apple не отключила sourcemaps на своем сайте.

🚀Основные моменты:
- Полный исходный код на Svelte/TypeScript
- Логика управления состоянием
- Компоненты пользовательского интерфейса
- Интеграция с API
- Структура каталогов для удобства навигации

📌 GitHub:

#typescript

https://github.com/rxliuli/apps.apple.com

Загрузка файла с помощью server action в Next.js

🧩 Умные диаграммы с Excalidraw

Создавайте профессиональные графики с помощью AI, просто описывая их на естественном языке. Интеграция с Excalidraw позволяет редактировать и настраивать диаграммы, обеспечивая гибкость и удобство.

🚀Основные моменты:
- AI генерирует диаграммы на основе текстовых описаний.
- Поддержка более 20 типов графиков, включая ER и архитектурные диаграммы.
- Уникальный алгоритм соединений для чистоты и логики графиков.
- Полная интеграция с Excalidraw для редактирования.
- Легкая настройка с использованием API ключа.

📌 GitHub:

#javascript

https://github.com/liujuntao123/smart-excalidraw-next

Возможно, вы не знаете о блоке lh в CSS 🤩

🧩 OpenTalent: Оценка и развитие талантов на основе Git-данных

OpenTalent — это открытая платформа для оценки разработчиков, основанная на их вкладе в проекты с использованием данных Git. Платформа предлагает объективные метрики и отчеты, помогающие как разработчикам, так и работодателям в поиске и развитии талантов.

🚀 Основные моменты:
- Анализ вкладов в код, документацию и тестирование.
- Оценка влияния разработчиков с помощью алгоритма OpenRank.
- Отчеты о взаимодействии в сообществе и карьерные рекомендации.
- Поддержка индивидуальных отчетов для разработчиков и компаний.

📌 GitHub:

#javascript

https://github.com/OS-HUBU/opentalent-new

🌪 useEffect и зависимости

На картинке 3 кейса:

➡️ Забыли проп в deps → эффект не срабатывает при изменении данных

➡️ Положили объект/функцию → эффект запускается каждый ререндер

➡️ Скаляр в deps → всё стабильно, эффект срабатывает ровно при нужном изменении

⌨️ Совет:

— Всегда указывайте все зависимости эффекта

— Если зависимость нестабильна (объект/функция) → мемоизируйте (useMemo, useCallback)

— Примитивы (строка, число) в deps — самый безопасный вариант

#hotfix #react

Совет по использованию инструментов Chrome Dev Tools 💡

Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?

🌟 Кроссплатформенный UI-фреймворк Valdi

Valdi — это мощный кроссплатформенный UI-фреймворк, который обеспечивает нативную производительность и быструю разработку. Пишите интерфейсы на TypeScript, и они компилируются в нативные представления для iOS, Android и macOS без использования веб-вью и JavaScript мостов.

🚀 Основные моменты:
- Нативная производительность без компромиссов
- Мгновенная горячая перезагрузка для быстрой разработки
- Легкая интеграция в существующие приложения
- Автоматическая генерация типобезопасных привязок
- Поддержка сложных анимаций и жестов

📌 GitHub:

#typescript

https://github.com/Snapchat/Valdi

CSS border values

🧳 MCPorter: TypeScript Toolkit for Model Context Protocol

MCPorter — это инструмент для работы с Model Context Protocol, позволяющий легко взаимодействовать с MCP-серверами. Он автоматически находит настроенные серверы, генерирует CLI и создает типизированные клиенты, упрощая автоматизацию и интеграцию.

🚀 Основные моменты:
- Автообнаружение MCP-серверов без конфигурации.
- Генерация CLI с помощью одной команды.
- Создание типизированных клиентов для взаимодействия с серверами.
- Удобный API для работы с методами и валидацией аргументов.
- Поддержка OAuth и различных транспортов.

📌 GitHub:

#typescript

https://github.com/steipete/mcporter

Библиотека, которая включает офлайн-режим на сайте буквально одной строкой JS 💻

Что делает:
- Показывает сайт даже без интернета - в самолёте, лифте или на парковке 🤣
- Кэширует любые файлы, которые вы укажете
- Работает с обычными статичными сайтами, без сборки и танцев с бубном
- Запускает офлайн-режим одним вызовом: UpUp.start()

Единственное требование — HTTPS (Let’s Encrypt подойдёт идеально).

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

https://github.com/TalAter/UpUp

🔍 Проверка доступности доменов с GoDaddy API

Инструмент на Node.js для проверки доступности доменных имен. Позволяет находить короткие комбинации доменов, используя API GoDaddy. Удобен для генерации и проверки доменов по заданной длине и TLD.

🚀Основные моменты:
- Проверка доступности доменов в реальном времени
- Генерация комбинаций заданной длины
- Поддержка нескольких TLD
- Результаты сохраняются в available.json
- Уважение к лимитам API с задержками между запросами

📌 GitHub:

#nodejs

https://github.com/akinloluwami/domains-lookup

🚀 Креативные подсказки для Nano Banana Pro

Собрание уникальных и креативных подсказок для работы с Google Nano Banana Pro. Идеально подходит для вдохновения и генерации идей, этот репозиторий предлагает разнообразные варианты для создания визуального контента.

🚀 Основные моменты:
- Более 500 тщательно отобранных подсказок
- Поддержка динамических аргументов для Raycast
- Разнообразные стили генерации: от фотореалистичных до художественных
- Регулярные обновления и возможность участия в сообществе

📌 GitHub: https://github.com/YouMind-OpenLab/awesome-nano-banana-pro-prompts

#javascript