Как организуешь свой код

Использую модульный подход, разбивая приложение на логические блоки (компоненты, сервисы, утилиты). Каждый модуль отвечает за одну конкретную задачу. Пример структуры: ``` src/ ├── components/ │ ├── Button/ │ │ ├── Button.tsx │ │ ├── Button.module.css │ │ └── index.ts ├── hooks/ ├── utils/ ├── services/ └── store/ ``` Принципы: - **Компоненты** – функциональные, переиспользуемые, с четкими пропсами - **Стили** – CSS Modules/SCSS, изолированные от глобальных стилей - **Состояние** – React Context/Redux Toolkit для глобального, локальное – useState/useReducer - **Логика** – выносится в хуки или сервисы - **Типизация** – TypeScript для всех сущностей Пример компонента: ```tsx // Button.tsx interface ButtonProps { onClick: () => void; children: ReactNode; } export const Button = ({ onClick, children }: ButtonProps) => ( {children} ); ```