Sharing WebSocket Connections between Browser Tabs and Windows
https://brightinventions.pl/blog/sharing-websocket-connections-between-browser-tabs-and-windows/
#coding
#js
https://brightinventions.pl/blog/sharing-websocket-connections-between-browser-tabs-and-windows/
#coding
#js
Bright Inventions
Sharing WebSocket Connections between Browser Tabs and Windows
WebSocket connections are like special communication channels that allow web browsers and servers to talk to each other in real-time…
Forwarded from Типичный программист
This media is not supported in your browser
VIEW IN TELEGRAM
Делаем учебник из любого GitHub-репозитория
Вышла прикольная тулза — Tutorial-Codebase-Knowledge. Она превращает любой репозиторий в пошаговый гайд: LLM анализирует код, находит ключевые компоненты и связи, а потом объясняет, как всё устроено и зачем.
Подходит, если разбираетесь в новой технологии, лезете в чужой проект — или просто страдаете от того, что не узнаёте собственный код через месяц.
#инструменты
Вышла прикольная тулза — Tutorial-Codebase-Knowledge. Она превращает любой репозиторий в пошаговый гайд: LLM анализирует код, находит ключевые компоненты и связи, а потом объясняет, как всё устроено и зачем.
Подходит, если разбираетесь в новой технологии, лезете в чужой проект — или просто страдаете от того, что не узнаёте собственный код через месяц.
#инструменты
Forwarded from CodeRoll | Frontend
Feature-Sliced Design (FSD) — архитектура, в которую ты однажды влюбишься
Чем больше становится проект, тем сильнее тонет в файлах. Когда папка components имеет 1000+ файлов, а utils — страшнее node_modules, на помощь приходит FSD.
🔥 Зачем это нужно?
✅ Разделяет бизнес-логику и UI
✅ Улучшает масштабируемость
✅ Команды работают независимо
✅ Проект не рассыпается через год
👀 Читать
Coderoll | Frontend
Чем больше становится проект, тем сильнее тонет в файлах. Когда папка components имеет 1000+ файлов, а utils — страшнее node_modules, на помощь приходит FSD.
🔥 Зачем это нужно?
✅ Разделяет бизнес-логику и UI
✅ Улучшает масштабируемость
✅ Команды работают независимо
✅ Проект не рассыпается через год
👀 Читать
Coderoll | Frontend
Виртуальный DOM — вещь полезная, но не всемогущая. Если каждый клик запускает цепочку ререндеров, он не спасёт. Со временем даже шустрое React-приложение превращается в тормозящего гиганта.
Что в статье:
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Не баг, а фича
⚡️ Как быстро понять, что не так с Windows — без гугла, форумов и лишней нервотрепки.
В системе есть малозаметная, но очень полезная встроенная утилита Certutil, которая умеет расшифровывать коды ошибок. Это особенно удобно, когда вы получаете сообщение с непонятным набором символов вроде 0x80070422 — и не знаете, с чего начать.
Вот как ей пользоваться:
1. Скопируйте код ошибки, который вы получили, например
2. Нажмите Win + R, введите CMD и нажмите Enter, чтобы открыть командную строку;
3. Вставьте команду:
4. Получите четкое описание проблемы, которое поможет понять, что сломалось и как это исправить.
Фича работает даже офлайн, и подходит как для пользователей, так и для тех, кто часто помогает другим с настройкой компов.
@bugfeature | #полезно
В системе есть малозаметная, но очень полезная встроенная утилита Certutil, которая умеет расшифровывать коды ошибок. Это особенно удобно, когда вы получаете сообщение с непонятным набором символов вроде 0x80070422 — и не знаете, с чего начать.
Вот как ей пользоваться:
1. Скопируйте код ошибки, который вы получили, например
0x80070422
;2. Нажмите Win + R, введите CMD и нажмите Enter, чтобы открыть командную строку;
3. Вставьте команду:
certutil -error 0x80070422
.4. Получите четкое описание проблемы, которое поможет понять, что сломалось и как это исправить.
Фича работает даже офлайн, и подходит как для пользователей, так и для тех, кто часто помогает другим с настройкой компов.
@bugfeature | #полезно
How to Maximize Vue.js Performance: 4 Proven Techniques for Faster Web Apps
https://www.monterail.com/blog/how-to-maximize-vue-js-performance-proven-techniques
#coding
#vue
https://www.monterail.com/blog/how-to-maximize-vue-js-performance-proven-techniques
#coding
#vue
Monterail
How to Maximize Vue.js Performance: 4 Proven Techniques for Faster Web Apps | Monterail blog
Discover essential tips and strategies to optimize Vue.js performance, reduce load times, and build fast, scalable web apps.
Forwarded from CodeCamp
This media is not supported in your browser
VIEW IN TELEGRAM
Ночное-полезное: нашёл прикольный инструмент для работы с базами данным с капелькой нейросетей — Database Build 💃
Можно написать «Создай базу для пиццерии» и получить готовую структуру с таблицами, связями и диаграммами.
Получившиеся таблицы можно править, генерить в них тестовые данные, а потом импортировать в SQL или задеплоить на Supabase (а скоро подвезут и AWS).
Это бесплатно
Можно написать «Создай базу для пиццерии» и получить готовую структуру с таблицами, связями и диаграммами.
Получившиеся таблицы можно править, генерить в них тестовые данные, а потом импортировать в SQL или задеплоить на Supabase (а скоро подвезут и AWS).
Это бесплатно
Please open Telegram to view this post
VIEW IN TELEGRAM
Как начать тестировать frontend: гайд для новичков
https://habr.com/ru/companies/docdoc/articles/716526/
#testing
#frontend
https://habr.com/ru/companies/docdoc/articles/716526/
#testing
#frontend
Хабр
Как начать тестировать frontend: гайд для новичков
Хабр, привет. Меня зовут Рамиль Шайбаков, я фронтенд‑разработчик в СберЗдоровье. Последние несколько лет я часто собеседую кандидатов на позицию frontend‑разработчика в нашу компанию и...
Forwarded from CodeCamp
Вы теперь не просто кодеры, вы теперь ПИСАТЕЛИ — нашёл прикольный метод написания комментариев к коду от Дональда Кнута.
По его методике literate programming вы должны писать код не для компилятора, а для человека. Получается такой себе интерактивный рассказ, где каждая строчка и блок сопровождаются чуть ли не поэтичным описанием.
Разумеется, в таком виде оно работать не будет, поэтому есть специальный инструмент, который разделяет .lit файл на исполняемый .py, .sh или что там у вас и на HTML-документацию — чтобы читать её как красиво оформленный рассказ с подсветкой кода.
Из плюсов: обновление кода автоматом обновляет и документацию. Из минусов: ну я же понимаю, что вы этим заниматься не будете😁
Зато это очень прикольная штука, если вам нужно сделать учебный или исследовательский код, чтобы поднатаскать джунов после курсов.
По его методике literate programming вы должны писать код не для компилятора, а для человека. Получается такой себе интерактивный рассказ, где каждая строчка и блок сопровождаются чуть ли не поэтичным описанием.
Разумеется, в таком виде оно работать не будет, поэтому есть специальный инструмент, который разделяет .lit файл на исполняемый .py, .sh или что там у вас и на HTML-документацию — чтобы читать её как красиво оформленный рассказ с подсветкой кода.
Из плюсов: обновление кода автоматом обновляет и документацию. Из минусов: ну я же понимаю, что вы этим заниматься не будете
Зато это очень прикольная штука, если вам нужно сделать учебный или исследовательский код, чтобы поднатаскать джунов после курсов.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Senior Frontend Developer | JavaScript, React, HTML & CSS
Front-End Checklist 70k ⭐️
Репозиторий, содержащий чеклист, позволяет проверить, всё ли вы сделали и учли при подготовке фронтенда. Здесь дан исчерпывающий список элементов, которые надо протестировать и наладить перед запуском в производство.
https://github.com/thedaviddias/Front-End-Checklist
Репозиторий, содержащий чеклист, позволяет проверить, всё ли вы сделали и учли при подготовке фронтенда. Здесь дан исчерпывающий список элементов, которые надо протестировать и наладить перед запуском в производство.
https://github.com/thedaviddias/Front-End-Checklist
Forwarded from Инструменты программиста
This media is not supported in your browser
VIEW IN TELEGRAM
smithery.ai | Claude c щупальцами
Одна вдохновленная Anthropic команда решила «приделать GPT руки», то есть MCP-сервера (Model Context Protocol). В мире Claude это мост между LLM‑агентом и внешней функцией или источником данных (API, база, файловая система и т.д.). Smithery предлагает почти 3000 ручек, умеющих скрейпить, создавать тикеты, апсертить в БД, делать коммиты и многое другое.
Награда в номинации «Нейронки Like a Boss» 🤖
Цена: бесплатно (но за Claude придется платить)
Сайт проекта
@prog_tools
Одна вдохновленная Anthropic команда решила «приделать GPT руки», то есть MCP-сервера (Model Context Protocol). В мире Claude это мост между LLM‑агентом и внешней функцией или источником данных (API, база, файловая система и т.д.). Smithery предлагает почти 3000 ручек, умеющих скрейпить, создавать тикеты, апсертить в БД, делать коммиты и многое другое.
Награда в номинации «Нейронки Like a Boss» 🤖
Цена: бесплатно (но за Claude придется платить)
Сайт проекта
@prog_tools
Forwarded from Вайб кодинг
This media is not supported in your browser
VIEW IN TELEGRAM
Зацени: этот сайт буквально библиотека промтов с 999+ тщательно проработанными запросами, и он 100% БЕСПЛАТЕН
Если ты используешь ChatGPT, Deepseek или любые другие ИИ‑инструменты — это настоящая находка
Называется SearchPromptly.com — платформа, где разработчики, креаторы и маркетологи делятся лучшими промтами, которые они создали.
Представь Notion, но только для промтов.😏
Если ты используешь ChatGPT, Deepseek или любые другие ИИ‑инструменты — это настоящая находка
Называется SearchPromptly.com — платформа, где разработчики, креаторы и маркетологи делятся лучшими промтами, которые они создали.
Представь Notion, но только для промтов.
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Вайб кодинг
Этот легковесный фреймворк превращает Claude Code в полноценного партнёра по разработке.
• память с контрольными точками на основе Git
• 9 агентных персон (например, архитектор, фронтенд, безопасность)
• всегда сверяется с официальной документацией — никогда не угадывает
• пишет документацию за вас
• на 70% эффективнее использует токены
https://github.com/NomenAK/SuperClaude
• память с контрольными точками на основе Git
• 9 агентных персон (например, архитектор, фронтенд, безопасность)
• всегда сверяется с официальной документацией — никогда не угадывает
• пишет документацию за вас
• на 70% эффективнее использует токены
https://github.com/NomenAK/SuperClaude
Forwarded from BEARlogin Dev
🚀 AI-инструменты мчатся быстрее мысли.
С утра ты самый продвинутый, а вечером уже безнадежно отстал.
Один из таких свежих прорывов — Context7.
Это MCP-сервер, который даёт твоему тупому Cursor'у (или любому другому ассистенту) доступ к свежей, живой документации по тысячам библиотек, фреймворков, тулз.
💡 Всё, что нужно — подключить MCP в твой инструмент и в конце промта добавить "use context7".
И тут случается магия: даже самый потерянный AI начинает отвечать так, будто он читал changelog последнего релиза.
Работает с чем угодно, что уже проиндексировано, либо если не нашел свой древний самописный фреймворк, то можешь добавить его тут https://context7.com/ на индексацию
Must have!
Делитесь в комментах, какие must have инструменты, mcp, n8n воркфлоу вы юзаете?
С утра ты самый продвинутый, а вечером уже безнадежно отстал.
Один из таких свежих прорывов — Context7.
Это MCP-сервер, который даёт твоему тупому Cursor'у (или любому другому ассистенту) доступ к свежей, живой документации по тысячам библиотек, фреймворков, тулз.
💡 Всё, что нужно — подключить MCP в твой инструмент и в конце промта добавить "use context7".
И тут случается магия: даже самый потерянный AI начинает отвечать так, будто он читал changelog последнего релиза.
Работает с чем угодно, что уже проиндексировано, либо если не нашел свой древний самописный фреймворк, то можешь добавить его тут https://context7.com/ на индексацию
Must have!
Делитесь в комментах, какие must have инструменты, mcp, n8n воркфлоу вы юзаете?
Context7
Context7 - Up-to-date documentation for LLMs and AI code editors
Generate context with up-to-date documentation for LLMs and AI code editors
Forwarded from CodeCamp
Ночное-промтовое: наткнулся на Reddit на интересный промт для людей, которым лень расписывать для ChatGPT детали задач (это я).
Вместо этого LLM сама вытащит из вас всю нужную инфу, после чего приступит к выполнению задачи. Если вы такие же ленивые, а я в этом почти уверен — это вам:
Вместо этого LLM сама вытащит из вас всю нужную инфу, после чего приступит к выполнению задачи. Если вы такие же ленивые, а я в этом почти уверен — это вам:
You are Lyra, a master-level AI prompt optimization specialist. Your mission: transform any user input into precision-crafted prompts that unlock AI's full potential across all platforms.
## THE 4-D METHODOLOGY
### 1. DECONSTRUCT
- Extract core intent, key entities, and context
- Identify output requirements and constraints
- Map what's provided vs. what's missing
### 2. DIAGNOSE
- Audit for clarity gaps and ambiguity
- Check specificity and completeness
- Assess structure and complexity needs
### 3. DEVELOP
- Select optimal techniques based on request type:
- **Creative** → Multi-perspective + tone emphasis
- **Technical** → Constraint-based + precision focus
- **Educational** → Few-shot examples + clear structure
- **Complex** → Chain-of-thought + systematic frameworks
- Assign appropriate AI role/expertise
- Enhance context and implement logical structure
### 4. DELIVER
- Construct optimized prompt
- Format based on complexity
- Provide implementation guidance
## OPTIMIZATION TECHNIQUES
**Foundation:** Role assignment, context layering, output specs, task decomposition
**Advanced:** Chain-of-thought, few-shot learning, multi-perspective analysis, constraint optimization
**Platform Notes:**
- **ChatGPT/GPT-4:** Structured sections, conversation starters
- **Claude:** Longer context, reasoning frameworks
- **Gemini:** Creative tasks, comparative analysis
- **Others:** Apply universal best practices
## OPERATING MODES
**DETAIL MODE:**
- Gather context with smart defaults
- Ask 2-3 targeted clarifying questions
- Provide comprehensive optimization
**BASIC MODE:**
- Quick fix primary issues
- Apply core techniques only
- Deliver ready-to-use prompt
## RESPONSE FORMATS
**Simple Requests:**
```
**Your Optimized Prompt:**
[Improved prompt]
**What Changed:** [Key improvements]
```
**Complex Requests:**
```
**Your Optimized Prompt:**
[Improved prompt]
**Key Improvements:**
• [Primary changes and benefits]
**Techniques Applied:** [Brief mention]
**Pro Tip:** [Usage guidance]
```
## WELCOME MESSAGE (REQUIRED)
When activated, display EXACTLY:
"Hello! I'm Lyra, your AI prompt optimizer. I transform vague requests into precise, effective prompts that deliver better results.
**What I need to know:**
- **Target AI:** ChatGPT, Claude, Gemini, or Other
- **Prompt Style:** DETAIL (I'll ask clarifying questions first) or BASIC (quick optimization)
**Examples:**
- "DETAIL using ChatGPT — Write me a marketing email"
- "BASIC using Claude — Help with my resume"
Just share your rough prompt and I'll handle the optimization!"
## PROCESSING FLOW
1. Auto-detect complexity:
- Simple tasks → BASIC mode
- Complex/professional → DETAIL mode
2. Inform user with override option
3. Execute chosen mode protocol
4. Deliver optimized prompt
**Memory Note:** Do not save any information from optimization sessions to memory.
Forwarded from Easy WebDev | Backend & Frontend
Автор этой статьи рассказывает о проекте, который помогает бесплатно создавать бэкенд для различных сервисов на основе open-source платформы Puter.👉 Главные фишки: облачное хранилище для рабочих файлов, СУБД NoSQL, интеграция с ИИ, а также бесплатный хостинг сайтов;
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Вайб кодинг
This media is not supported in your browser
VIEW IN TELEGRAM
На GitHub появилась действительно автономная AI desktop-agent система NeuralAgent, которая умеет выполнять задачи самостоятельно и освобождает пользователя от ручной работы за компьютером.
Она способна напрямую взаимодействовать с рабочим столом: печатать, кликать, открывать сайты, заполнять формы, отправлять почту и даже выполнять сложные задачи в фоновом режиме.
Основные возможности:
🔸 Автоматизация действий на рабочем столе: управление мышью, клавиатурой и окнами
🔸 Фоновая автоматизация браузера: выполнение задач напрямую в веб-интерфейсах
🔸 Поддержка различных AI-моделей: OpenAI, Anthropic, Gemini и др.
🔸 Модульная архитектура агента: отдельные модули для планирования, классификации, генерации рекомендаций и др.
🔸 Мультимодальная обработка: понимание задач на основе текста и визуальной информации
🔸 Backend на FastAPI + desktop-приложение на Electron — обеспечивает плавный и отзывчивый интерфейс
Развертывание достаточно сложное, но проект включает подробную инструкцию по установке и работает на Windows, macOS и Linux.
https://github.com/withneural/neuralagent
Она способна напрямую взаимодействовать с рабочим столом: печатать, кликать, открывать сайты, заполнять формы, отправлять почту и даже выполнять сложные задачи в фоновом режиме.
Основные возможности:
Развертывание достаточно сложное, но проект включает подробную инструкцию по установке и работает на Windows, macOS и Linux.
https://github.com/withneural/neuralagent
Please open Telegram to view this post
VIEW IN TELEGRAM
Типы или интерфейсы в TypeScript: что и когда использовать?
https://habr.com/ru/articles/844990/
#coding
#typescript
https://habr.com/ru/articles/844990/
#coding
#typescript
Хабр
Типы или интерфейсы в TypeScript: что и когда использовать?
Меня зовут Дима. Я Frontend разработчик в компании fuse8. Работая с TypeScript, рано или поздно сталкиваешься с вопросом: что выбрать — типы или интерфейсы? В нашей команде мы активно используем...