08 - Refactorización de Código en Angular y Validaciones Avanzadas en Servicios.
En este octavo video del proyecto BasicNgFullStack nos enfocamos en mejorar la calidad del código y fortalecer la lógica del sistema, tanto en el frontend como en el backend.
Primero, en Angular, hicimos una importante refactorización para usar `withComponentInputBinding()` en lugar de `ActivatedRoute`, haciendo el acceso a parámetros de rutas más limpio y moderno.
También actualizamos los parámetros en las rutas para que sean más explícitos (por ejemplo, de `id` a `userId`, `categoryId`, etc.), lo cual mejora la legibilidad y mantiene el código más organizado.
En el backend, implementamos comprobaciones de seguridad como `forbiddenIds` en los servicios, para evitar que ciertos registros sensibles puedan ser actualizados o eliminados por accidente o abuso.
Todo esto sin romper la lógica existente del CRUD, manteniendo compatibilidad y ganando robustez.
Un video ideal para quienes ya tienen su sistema funcional pero quieren empezar a refinarlo y profesionalizarlo.
{ JEBC-DeV }
08 - Refactorización de Código en Angular y Validaciones Avanzadas en Servicios.
En este octavo video del proyecto BasicNgFullStack nos enfocamos en mejorar la calidad del código y fortalecer la lógica del sistema, tanto en el frontend como en el backend.
Primero, en Angular, hicimos una importante refactorización para usar `withComponentInputBinding()` en lugar de `ActivatedRoute`, haciendo el acceso a parámetros de rutas más limpio y moderno.
También actualizamos los parámetros en las rutas para que sean más explícitos (por ejemplo, de `id` a `userId`, `categoryId`, etc.), lo cual mejora la legibilidad y mantiene el código más organizado.
En el backend, implementamos comprobaciones de seguridad como `forbiddenIds` en los servicios, para evitar que ciertos registros sensibles puedan ser actualizados o eliminados por accidente o abuso.
Todo esto sin romper la lógica existente del CRUD, manteniendo compatibilidad y ganando robustez.
Un video ideal para quienes ya tienen su sistema funcional pero quieren empezar a refinarlo y profesionalizarlo.
Repositorio del proyecto:
github.com/jebcdev/BasicNgFullStack
#angular #angular19 #typescript #refactorizacion #servicios #validaciones #crud #fullstack #backendseguro #expressjs #nodejs #typeorm #postgresql #desarrolloweb #cleanarchitecture #mejorascodigo #jebcdev
5 months ago | [YT] | 0