Jak organizuješ svůj kód? Používáš vzor modulů nebo dědičnost?

Organizuji kód podle principů SOLID, DRY a KISS. Používám komponentní přístup, seskupuji související logiku, značkování a styly. Používám konvence pojmenování (například BEM pro CSS) pro jasnost a údržbu.

Aktivně využívám vzor modulů s ES Modules (import/export) k rozdělení kódu na nezávislé, znovupoužitelné části. To umožňuje spravovat závislosti, vyhýbat se konfliktům jmen a usnadňuje testování.

Méně používám dědičnost, dám přednost kompozici, protože nabízí větší flexibilitu a odstraňuje problémy "diamantové dědičnosti". Dědičnost může být užitečná pro tvorbu základních tříd s obecným funkcionalitou, ale většinu logiky preferuji předávat přes vlastnosti nebo argumenty funkcí.

Používám nástroje pro sestavení (Webpack, Vite) pro transpiling (Babel), minifikaci, balení a optimalizaci načítání zdrojů. Používám linters (ESLint) a formátory (Prettier) pro udržení jednotného stylu kódu a včasné odhalení chyb.

Příklad organizace modulů:

// src/components/Button/Button.js
import React from 'react';
import './Button.css';

const Button = ({ children, onClick }) => {
  return (
    <button className="button" onClick={onClick}>
      {children}
    </button>
  );
};

export default Button;

Porovnávací tabulka modulů a dědičnosti:

Funkce	Moduly (ES Modules)	Dědičnost (Třídy)
Opětovné použití	Vysoké	Střední (přes základní třídy)
Flexibilita	Vysoká (kompozice)	Střední (pevná definice)
Závislosti	Explicitní (import/export)	Neexplicitní (hierarchie tříd)
Testovatelnost	Snadnější	Může být složitější
Konflikty jmen	Chybí (izolace)	Může nastat