Александр Моргунов — Разбираемся в Feature-Sliced Design

Александр из Samokat.tech рассказывает, что из себя представляет архитектурная методология Feature-Sliced Design и ее основные концепты.

https://www.youtube.com/watch?v=H_rJ0zB8rqc

How to run a Windows cmd.exe command using Node.js and detach the process?

const { spawn } = require('child_process');

// Command to run (replace it with your actual command)
const command = 'cmd.exe';
const args = ['/c', 'your_command_here'];

// Spawn the process
const child = spawn(command, args, {
  detached: true,
  stdio: 'ignore', // This option redirects the stdio of the child process to /dev/null
});

// Unref the child process to allow the parent to exit independently
child.unref();

Replace 'your_command_here' with the actual command you want to run. The detached: true option ensures that the child process runs independently of the parent process. The stdio: 'ignore' option redirects the standard input/output/error of the child process to /dev/null (or equivalent on Windows), which is suitable for a detached process.

Keep in mind that detaching the process means that it will continue running even if the parent Node.js process exits. Ensure that your Node.js script handles any necessary cleanup or waits for the child process to complete if needed.

#coding
#node

10 backend понятий, о которых желательно знать frontend разработчику

Чтобы быть в теме и понимать, о чем говорят бекендеры на стендапах, вот небольшая обзорная статья, рассказывающая о таких понятиях как шардинг, балансировщик, API Gateway и еще некоторых других.

https://dev.to/thesanjeevsharma/10-backend-terms-every-frontend-developer-should-know-2o2h

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