Instruction file imported from smaj87/10xdev_projekt (.github/instructions/linters.instructions.md). Copyright stays with the author.

Reguły kodowania dla agenta

Name: linters
Author: smaj87

TypeScript Configuration

Sortuj importy według grup: external → commons → relative → local
Używaj simple-import-sort dla automatycznego sortowania
Dodawaj nową linię po importach
Nie używaj default exports jako preferencji
Do tłumaczenia tekstów używaj import useTranslations from 'components/hooks/useTranslations'; const t = useTranslations(); t('key');
Do selektorów używaj import { useSelector, getStateValueBySelector } from 'components/utils/react-redux'; const value = useSelector(selector)) lub const value = getStateValueBySelector(selector) w hookach
Dla importów reactowych używaj import { FC, memo, useEffect, useMemo, useCallback, useState, useRef } from 'components/utils/react';

Komponenty jako arrow functions: const Component: FC<Props> = ({ ... }) => {}; export default memo(Component);
Sortuj props w JSX alfabetycznie
Używaj podwójnych cudzysłowów w JSX: <div className="class">
Nie wymagaj PropTypes (TypeScript zastępuje)
Destrukturyzuj props w posortowanej kolejności

Zawsze używaj nawiasów klamrowych w if/else: if (condition) { ... }
Zawsze używaj === i !==
Używaj const jako domyślnie, let tylko gdy konieczne
Zawsze dodawaj dodatkową linię, gdy:
- Po definicji funkcji
- Przed return
- Po importach
- Przed blokami kodu (if, for, while, switch) oraz po zakończeniu bloków
- Przed hookami (useEffect, useMemo, useCallback, itp) oraz po zakończeniu hooków
Preferuj template literals nad konkatenacją
Nie używaj console.log (błąd)
Używaj arrow functions gdy to możliwe
Unix line endings (\n)
Do nasłuchiwania na zmianę języka w hooks, w deps używaj t.lang, np. useEffect(() => { ... }, [t.lang]);