Sonar Docs

Documentation for SonarQube Server, SonarQube Cloud, and SonarQube for IDE.

https://docs.sonarsource.com

Што-то про юнит тесты
https://dev.to/byteminds/how-i-started-writing-unit-tests-for-vue-components-1771?bb=206787

Frontend Stuff

Это постоянно расширяющийся список фреймворков, библиотек и инструментов, которые вы можете использовать для создания веб-приложений. В каталоге вы найдёте описание огромного количества инструментов со ссылками на них. Для удобства инструменты отсортированы по категориям.

#инструменты #фронтенд #github

Как задеплоить вебаппку «Телеграма» всего за 20 минут

Вебаппки пишутся куда быстрее обычных ботов, а развернуть их можно всего за 20 минут. После этого приложение уже можно показывать пользователям. В этой статье лежит готовая инструкция и даже шаблон для запуска такого приложения. Посмотрите и берите на вооружение.

#telegram #webapp #miniapp

AbortController в JavaScript

Сегодня мы рассмотрим интересный инструмент в JS. AbortController в JS — инструмент, который позволяет отменять асинхронные операции в любой момент. В этой статье разберёмся, как он работает, где пригодится и какие у него есть проблемы.

👉 @frontendInterview

Event loop для чайников: простыми словами о сложном механизме браузера

Event Loop — механизм, который управляет асинхронными операциями в JavaScript. Он позволяет обрабатывать задачи, не блокируя основной поток выполнения программы.

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

Preventing the Layout Shift Caused by Scrollbars

https://dev.to/rashidshamloo/preventing-the-layout-shift-caused-by-scrollbars-2flp

#coding
#css

Украл с GitHub красивую шпаргалку по Docker на русском языке.

Тут есть всё: базовые команды, сборка образов, отладка, сети и т.д. Проще говоря, всё, что нужно знать уважающему себя портовому работяге.

Сохраняем.

Feature-Sliced Design – альтернативный подход к организации кода приложений

https://habr.com/ru/companies/avito/articles/752536/

#coding
#architecture

Creating multi-window Electron apps using React portals

https://pietrasiak.com/creating-multi-window-electron-apps-using-react-portals

#coding
#react

AbortController для отмены запросов при смене страницы (SPA)

https://habr.com/ru/articles/746740/

#coding
#js

Улучшаем производительность SPA

Методы оптимизации одностраничных приложений для улучшения UX.
Анализ узкиx мест: JavaScript-бандлы, неэффективный рендеринг компонентов и частые API-запросы. В качестве решений: разделение кода, ленивая загрузка, виртуализация и использование Web Workers.

https://dev.to/oltrenin/improving-spa-performance-2k2g

Sharing WebSocket Connections between Browser Tabs and Windows

https://brightinventions.pl/blog/sharing-websocket-connections-between-browser-tabs-and-windows/

#coding
#js

Делаем учебник из любого GitHub-репозитория

Вышла прикольная тулза — Tutorial-Codebase-Knowledge. Она превращает любой репозиторий в пошаговый гайд: LLM анализирует код, находит ключевые компоненты и связи, а потом объясняет, как всё устроено и зачем.

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

#инструменты

Feature-Sliced Design (FSD) — архитектура, в которую ты однажды влюбишься

Чем больше становится проект, тем сильнее тонет в файлах. Когда папка components имеет 1000+ файлов, а utils — страшнее node_modules, на помощь приходит FSD.

🔥 Зачем это нужно?
✅ Разделяет бизнес-логику и UI
✅ Улучшает масштабируемость
✅ Команды работают независимо
✅ Проект не рассыпается через год

👀 Читать

Coderoll | Frontend

⚡️ Как быстро понять, что не так с Windows — без гугла, форумов и лишней нервотрепки.

В системе есть малозаметная, но очень полезная встроенная утилита Certutil, которая умеет расшифровывать коды ошибок. Это особенно удобно, когда вы получаете сообщение с непонятным набором символов вроде 0x80070422 — и не знаете, с чего начать.

Вот как ей пользоваться:

1. Скопируйте код ошибки, который вы получили, например 0x80070422;
2. Нажмите Win + R, введите CMD и нажмите Enter, чтобы открыть командную строку;
3. Вставьте команду: certutil -error 0x80070422.
4. Получите четкое описание проблемы, которое поможет понять, что сломалось и как это исправить.

Фича работает даже офлайн, и подходит как для пользователей, так и для тех, кто часто помогает другим с настройкой компов.

@bugfeature | #полезно

Handling large lists efficiently in Vue 3

https://dev.to/jacobandrewsky/handling-large-lists-efficiently-in-vue-3-4im1

#coding
#vue