🧩 OpenTalent: Оценка и развитие талантов на основе Git-данных
OpenTalent — это открытая платформа для оценки разработчиков, основанная на их вкладе в проекты с использованием данных Git. Платформа предлагает объективные метрики и отчеты, помогающие как разработчикам, так и работодателям в поиске и развитии талантов.
🚀 Основные моменты:
- Анализ вкладов в код, документацию и тестирование.
- Оценка влияния разработчиков с помощью алгоритма OpenRank.
- Отчеты о взаимодействии в сообществе и карьерные рекомендации.
- Поддержка индивидуальных отчетов для разработчиков и компаний.
📌 GitHub:
#javascript
https://github.com/OS-HUBU/opentalent-new
OpenTalent — это открытая платформа для оценки разработчиков, основанная на их вкладе в проекты с использованием данных Git. Платформа предлагает объективные метрики и отчеты, помогающие как разработчикам, так и работодателям в поиске и развитии талантов.
🚀 Основные моменты:
- Анализ вкладов в код, документацию и тестирование.
- Оценка влияния разработчиков с помощью алгоритма OpenRank.
- Отчеты о взаимодействии в сообществе и карьерные рекомендации.
- Поддержка индивидуальных отчетов для разработчиков и компаний.
📌 GitHub:
#javascript
https://github.com/OS-HUBU/opentalent-new
GitHub
GitHub - OS-HUBU/opentalent-new
Contribute to OS-HUBU/opentalent-new development by creating an account on GitHub.
🌪 useEffect и зависимости
На картинке 3 кейса:
➡️ Забыли проп в deps → эффект не срабатывает при изменении данных
➡️ Положили объект/функцию → эффект запускается каждый ререндер
➡️ Скаляр в deps → всё стабильно, эффект срабатывает ровно при нужном изменении
⌨️ Совет:
— Всегда указывайте все зависимости эффекта
— Если зависимость нестабильна (объект/функция) → мемоизируйте (useMemo, useCallback)
— Примитивы (строка, число) в deps — самый безопасный вариант
#hotfix #react
На картинке 3 кейса:
➡️ Забыли проп в deps → эффект не срабатывает при изменении данных
➡️ Положили объект/функцию → эффект запускается каждый ререндер
➡️ Скаляр в deps → всё стабильно, эффект срабатывает ровно при нужном изменении
⌨️ Совет:
— Всегда указывайте все зависимости эффекта
— Если зависимость нестабильна (объект/функция) → мемоизируйте (useMemo, useCallback)
— Примитивы (строка, число) в deps — самый безопасный вариант
#hotfix #react
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Совет по использованию инструментов Chrome Dev Tools 💡
Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?
Знаете ли вы, что с помощью Chrome Dev Tools можно легко отслеживать, какие события срабатывают на элементе, и просматривать свойства этих событий?
👍4
🌟 Кроссплатформенный UI-фреймворк Valdi
Valdi — это мощный кроссплатформенный UI-фреймворк, который обеспечивает нативную производительность и быструю разработку. Пишите интерфейсы на TypeScript, и они компилируются в нативные представления для iOS, Android и macOS без использования веб-вью и JavaScript мостов.
🚀 Основные моменты:
- Нативная производительность без компромиссов
- Мгновенная горячая перезагрузка для быстрой разработки
- Легкая интеграция в существующие приложения
- Автоматическая генерация типобезопасных привязок
- Поддержка сложных анимаций и жестов
📌 GitHub:
#typescript
https://github.com/Snapchat/Valdi
Valdi — это мощный кроссплатформенный UI-фреймворк, который обеспечивает нативную производительность и быструю разработку. Пишите интерфейсы на TypeScript, и они компилируются в нативные представления для iOS, Android и macOS без использования веб-вью и JavaScript мостов.
🚀 Основные моменты:
- Нативная производительность без компромиссов
- Мгновенная горячая перезагрузка для быстрой разработки
- Легкая интеграция в существующие приложения
- Автоматическая генерация типобезопасных привязок
- Поддержка сложных анимаций и жестов
📌 GitHub:
#typescript
https://github.com/Snapchat/Valdi
GitHub
GitHub - Snapchat/Valdi: Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer…
Valdi is a cross-platform UI framework that delivers native performance without sacrificing developer velocity. - Snapchat/Valdi
🧳 MCPorter: TypeScript Toolkit for Model Context Protocol
MCPorter — это инструмент для работы с Model Context Protocol, позволяющий легко взаимодействовать с MCP-серверами. Он автоматически находит настроенные серверы, генерирует CLI и создает типизированные клиенты, упрощая автоматизацию и интеграцию.
🚀 Основные моменты:
- Автообнаружение MCP-серверов без конфигурации.
- Генерация CLI с помощью одной команды.
- Создание типизированных клиентов для взаимодействия с серверами.
- Удобный API для работы с методами и валидацией аргументов.
- Поддержка OAuth и различных транспортов.
📌 GitHub:
#typescript
https://github.com/steipete/mcporter
MCPorter — это инструмент для работы с Model Context Protocol, позволяющий легко взаимодействовать с MCP-серверами. Он автоматически находит настроенные серверы, генерирует CLI и создает типизированные клиенты, упрощая автоматизацию и интеграцию.
🚀 Основные моменты:
- Автообнаружение MCP-серверов без конфигурации.
- Генерация CLI с помощью одной команды.
- Создание типизированных клиентов для взаимодействия с серверами.
- Удобный API для работы с методами и валидацией аргументов.
- Поддержка OAuth и различных транспортов.
📌 GitHub:
#typescript
https://github.com/steipete/mcporter
GitHub
GitHub - steipete/mcporter: Call MCPs via TypeScript, masquerading as simple TypeScript API. Or package them as cli.
Call MCPs via TypeScript, masquerading as simple TypeScript API. Or package them as cli. - steipete/mcporter
This media is not supported in your browser
VIEW IN TELEGRAM
Библиотека, которая включает офлайн-режим на сайте буквально одной строкой JS 💻
Что делает:
- Показывает сайт даже без интернета - в самолёте, лифте или на парковке 🤣
- Кэширует любые файлы, которые вы укажете
- Работает с обычными статичными сайтами, без сборки и танцев с бубном
- Запускает офлайн-режим одним вызовом: UpUp.start()
Единственное требование — HTTPS (Let’s Encrypt подойдёт идеально).
Отлично подходит для лендингов, документации, блогов и любых проектов, которым важно не зависеть от качества сети.
https://github.com/TalAter/UpUp
Что делает:
- Показывает сайт даже без интернета - в самолёте, лифте или на парковке 🤣
- Кэширует любые файлы, которые вы укажете
- Работает с обычными статичными сайтами, без сборки и танцев с бубном
- Запускает офлайн-режим одним вызовом: UpUp.start()
Единственное требование — HTTPS (Let’s Encrypt подойдёт идеально).
Отлично подходит для лендингов, документации, блогов и любых проектов, которым важно не зависеть от качества сети.
https://github.com/TalAter/UpUp
Drag&Drop-конструктор интерфейсов на чистом JavaScript.
Хватит писать калькуляторы и «todo-листы». Пора собрать что-то, что выглядит и ведёт себя как реальный UI-конструктор. На открытом уроке вы создадите полноценный мини-конструктор с интерактивными элементами. Без фреймворков и библиотек — только чистый JS, события мыши и немного архитектурной логики. Разберём механику drag&drop: как двигать элементы по экрану, управлять DOM, координатами и рендерингом, а также организовать плавный отклик интерфейса.
Вы поймёте, как работает визуальное взаимодействие в браузере, как создавать живые интерфейсы, которые «реагируют» на пользователя, и почему архитектура даже простого проекта важнее кода. Занятие будет полезно начинающим разработчикам, которые хотят почувствовать JavaScript и перейти от теории к практике.
27 ноября, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».
Регистрация открыта: https://clck.ru/3QNv8S
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576
Хватит писать калькуляторы и «todo-листы». Пора собрать что-то, что выглядит и ведёт себя как реальный UI-конструктор. На открытом уроке вы создадите полноценный мини-конструктор с интерактивными элементами. Без фреймворков и библиотек — только чистый JS, события мыши и немного архитектурной логики. Разберём механику drag&drop: как двигать элементы по экрану, управлять DOM, координатами и рендерингом, а также организовать плавный отклик интерфейса.
Вы поймёте, как работает визуальное взаимодействие в браузере, как создавать живые интерфейсы, которые «реагируют» на пользователя, и почему архитектура даже простого проекта важнее кода. Занятие будет полезно начинающим разработчикам, которые хотят почувствовать JavaScript и перейти от теории к практике.
27 ноября, 20:00 МСК. Открытый урок проходит в преддверии старта курса «JavaScript Developer. Basic».
Регистрация открыта: https://clck.ru/3QNv8S
Реклама. ООО «Отус онлайн-образование», ОГРН 1177746618576