{user?.name}
;
+};
+
+// β
CORRECTO
+// hooks/useUser.ts
+const useUser = () => {
+ return useQuery({
+ queryKey: ['user', 'me'],
+ queryFn: () => userService.getMe(),
+ });
+};
+
+// components/UserProfile.tsx
+const UserProfile = () => {
+ const { data: user, isLoading, error } = useUser();
+
+ if (isLoading) return {user.name}
;
+};
+```
+
+**Por quΓ© es malo:** No cachea, no maneja loading/error, lΓ³gica no reutilizable.
+
+---
+
+### FE-002: Hardcodear URLs de API
+
+```typescript
+// β INCORRECTO
+const response = await fetch('http://localhost:3000/api/users');
+
+// β
CORRECTO
+// config.ts
+export const API_URL = import.meta.env.VITE_API_URL;
+
+// services/api.ts
+const api = axios.create({
+ baseURL: API_URL,
+});
+```
+
+**Por quΓ© es malo:** Rompe en producciΓ³n, difΓcil cambiar backend.
+
+---
+
+### FE-003: Estado global para todo
+
+```typescript
+// β INCORRECTO - Redux/Zustand para estado de formulario
+const formStore = create((set) => ({
+ name: '',
+ email: '',
+ setName: (name) => set({ name }),
+ setEmail: (email) => set({ email }),
+}));
+
+// β
CORRECTO - Estado local para formularios
+const UserForm = () => {
+ const [name, setName] = useState('');
+ const [email, setEmail] = useState('');
+ // O usar react-hook-form
+};
+
+// Store global SOLO para:
+// - Auth state (usuario logueado)
+// - UI state (tema, sidebar abierto)
+// - Cache de server state (mejor usar React Query)
+```
+
+**Por quΓ© es malo:** Complejidad innecesaria, renders innecesarios, difΓcil de seguir.
+
+---
+
+### FE-004: Props drilling excesivo
+
+```typescript
+// β INCORRECTO
+Something went wrong
;
+ }
+ return this.props.children;
+ }
+}
+```
+
+---
+
+## 5. DATABASE
+
+### Logging de Queries (TypeORM)
+
+```typescript
+// src/shared/config/typeorm.config.ts
+import { TypeOrmModuleOptions } from '@nestjs/typeorm';
+
+export const typeOrmConfig: TypeOrmModuleOptions = {
+ // ... otras opciones
+ logging: process.env.NODE_ENV === 'development'
+ ? ['query', 'error', 'warn']
+ : ['error'],
+ logger: 'advanced-console', // o custom logger
+ maxQueryExecutionTime: 1000, // Log queries > 1s
+};
+```
+
+### Custom Query Logger
+
+```typescript
+// src/shared/logger/typeorm.logger.ts
+import { Logger as TypeOrmLogger } from 'typeorm';
+import { AppLogger } from './logger.service';
+
+export class CustomTypeOrmLogger implements TypeOrmLogger {
+ constructor(private readonly logger: AppLogger) {
+ this.logger.setContext('TypeORM');
+ }
+
+ logQuery(query: string, parameters?: any[]) {
+ this.logger.debug('Query executed', {
+ query: query.substring(0, 500), // Truncar queries largas
+ parameters,
+ });
+ }
+
+ logQueryError(error: string, query: string, parameters?: any[]) {
+ this.logger.error('Query failed', undefined, {
+ error,
+ query: query.substring(0, 500),
+ parameters,
+ });
+ }
+
+ logQuerySlow(time: number, query: string, parameters?: any[]) {
+ this.logger.warn('Slow query detected', {
+ duration: time,
+ query: query.substring(0, 500),
+ parameters,
+ });
+ }
+
+ logSchemaBuild(message: string) {
+ this.logger.info(message);
+ }
+
+ logMigration(message: string) {
+ this.logger.info(message);
+ }
+
+ log(level: 'log' | 'info' | 'warn', message: any) {
+ if (level === 'warn') {
+ this.logger.warn(message);
+ } else {
+ this.logger.log(message);
+ }
+ }
+}
+```
+
+---
+
+## 6. QUE LOGUEAR Y QUE NO
+
+### SI Loguear
+
+```
+β
Inicio/fin de operaciones importantes
+β
Errores y excepciones (con contexto)
+β
Eventos de autenticacion (login, logout, failed attempts)
+β
Operaciones de negocio criticas (pagos, cambios de estado)
+β
Llamadas a APIs externas (request/response resumido)
+β
Queries lentas (>1s)
+β
Warnings de recursos (memoria, conexiones)
+β
Cambios de configuracion en runtime
+```
+
+### NO Loguear
+
+```
+β Datos sensibles (passwords, tokens, tarjetas)
+β PII sin necesidad (emails completos, nombres)
+β Cada iteracion de loops
+β Contenido completo de requests/responses grandes
+β Logs de debug en produccion
+β Informacion redundante
+β Stack traces en logs INFO/DEBUG
+```
+
+### Sanitizacion de Datos Sensibles
+
+```typescript
+// src/shared/utils/log-sanitizer.ts
+const SENSITIVE_FIELDS = ['password', 'token', 'secret', 'authorization', 'credit_card'];
+
+export function sanitizeForLogging(data: Record
+
+ );
+});
+
+// useMemo para calculos costosos
+const ExpensiveList = ({ items, filter }: Props) => {
+ const filteredItems = useMemo(
+ () => items.filter(item => complexFilter(item, filter)),
+ [items, filter], // Solo recalcular si cambian
+ );
+
+ return {user.name}
+{user.email}
+- {filteredItems.map(/* ... */)}
+
+ );
+};
+```
+
+### 4.4 Optimizacion de Imagenes
+
+```typescript
+// Componente de imagen optimizada
+const OptimizedImage = ({
+ src,
+ alt,
+ width,
+ height,
+}: ImageProps) => {
+ return (
+
+ {virtualizer.getVirtualItems().map(virtualItem => (
+
+
+
+ ))}
+ {userInput}
// React escapa automaticamente
+```
+
+### Validacion en Frontend (Defense in Depth)
+
+```typescript
+// src/shared/schemas/user.schema.ts
+import { z } from 'zod';
+
+export const createUserSchema = z.object({
+ email: z.string()
+ .email('Email invalido')
+ .max(255)
+ .transform(v => v.toLowerCase().trim()),
+
+ firstName: z.string()
+ .min(2, 'Minimo 2 caracteres')
+ .max(100)
+ .regex(/^[a-zA-ZΓ-ΓΏ\s'-]+$/, 'Solo letras permitidas')
+ .transform(v => v.trim()),
+
+ password: z.string()
+ .min(8, 'Minimo 8 caracteres')
+ .max(128)
+ .regex(
+ /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])/,
+ 'Debe incluir mayuscula, minuscula, numero y simbolo',
+ ),
+});
+```
+
+---
+
+## 9. CHECKLIST DE SEGURIDAD
+
+```
+Input/Output:
+[ ] Todos los inputs validados con class-validator
+[ ] HTML sanitizado antes de renderizar
+[ ] SQL usa queries parametrizadas
+[ ] Datos sensibles nunca en logs
+[ ] ResponseDto excluye campos sensibles
+
+Autenticacion:
+[ ] Passwords hasheados con bcrypt (rounds >= 10)
+[ ] JWT con expiracion corta (< 15min)
+[ ] Refresh tokens almacenados hasheados
+[ ] Logout revoca tokens
+[ ] Mensajes de error genericos (no revelar info)
+
+Autorizacion:
+[ ] Guards en todos los endpoints protegidos
+[ ] Verificacion de ownership en recursos
+[ ] Roles y permisos implementados
+[ ] Principio de minimo privilegio
+
+Infraestructura:
+[ ] HTTPS obligatorio
+[ ] Headers de seguridad (Helmet)
+[ ] CORS configurado correctamente
+[ ] Rate limiting implementado
+[ ] Secrets en variables de entorno
+
+Frontend:
+[ ] No localStorage para tokens sensibles
+[ ] CSP configurado
+[ ] Validacion client-side (defense in depth)
+[ ] No exponer errores detallados a usuarios
+```
+
+---
+
+## 10. RECURSOS ADICIONALES
+
+- OWASP Cheat Sheets: https://cheatsheetseries.owasp.org/
+- NestJS Security: https://docs.nestjs.com/security/helmet
+- React Security: https://reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml
+
+---
+
+**Version:** 1.0.0 | **Sistema:** SIMCO | **Tipo:** Patron de Seguridad
diff --git a/core/orchestration/patrones/PATRON-TESTING.md b/core/orchestration/patrones/PATRON-TESTING.md
new file mode 100644
index 0000000..84812a6
--- /dev/null
+++ b/core/orchestration/patrones/PATRON-TESTING.md
@@ -0,0 +1,727 @@
+# PATRΓN: TESTING
+
+**VersiΓ³n:** 1.0.0
+**Fecha:** 2025-12-08
+**Aplica a:** Backend (NestJS), Frontend (React)
+**Prioridad:** RECOMENDADA
+
+---
+
+## PROPΓSITO
+
+Definir patrones estΓ‘ndar de testing para garantizar cΓ³digo de calidad.
+
+---
+
+## 1. TIPOS DE TESTS
+
+| Tipo | QuΓ© Testea | Herramienta | Cobertura Objetivo |
+|------|------------|-------------|-------------------|
+| **Unit** | Funciones/Clases aisladas | Jest | 70%+ |
+| **Integration** | MΓ³dulos integrados | Jest + Supertest | 50%+ |
+| **E2E** | Flujos completos | Jest + Supertest | CrΓticos |
+| **Component** | Componentes React | React Testing Library | 60%+ |
+
+---
+
+## 2. BACKEND: TEST DE SERVICE
+
+### Template
+
+```typescript
+// user.service.spec.ts
+import { Test, TestingModule } from '@nestjs/testing';
+import { getRepositoryToken } from '@nestjs/typeorm';
+import { Repository } from 'typeorm';
+import { UserService } from './user.service';
+import { UserEntity } from '../entities/user.entity';
+import { CreateUserDto } from '../dto/create-user.dto';
+import { NotFoundException, ConflictException } from '@nestjs/common';
+
+describe('UserService', () => {
+ let service: UserService;
+ let repository: jest.Mocked