diff --git a/01-fundamentos-desarrollo/00-inmutabilidad.md b/01-fundamentos-desarrollo/00-inmutabilidad.md index 9520d72..7f3ad21 100644 --- a/01-fundamentos-desarrollo/00-inmutabilidad.md +++ b/01-fundamentos-desarrollo/00-inmutabilidad.md @@ -13,7 +13,7 @@ pnpm create vite pruebas --template vanilla-ts Podemos arrancarlo ```bash -npm run dev +pnpm run dev ``` Y lo vemos funcionando en http://localhost:5173/ @@ -117,6 +117,8 @@ const creaClienteVIP = (nombre: string, apellidos: string): Cliente => { - }; + const nuevoCliente: Cliente = { + ...clientePlantilla, ++ nombre: nombre, ++ apellidos: apellidos, + descuento: clientePlantilla.descuento * 2, + }; return nuevoCliente; @@ -134,6 +136,8 @@ De hecho podríamos haber escrito esto de forma aún más corta: ```ts const creaClienteVIP = (nombre: string, apellidos: string): Cliente => ({ ...clientePlantilla, + nombre, + apellidos, descuento: clientePlantilla.descuento * 2, }); ``` diff --git a/01-fundamentos-desarrollo/01-spread-operator.md b/01-fundamentos-desarrollo/01-spread-operator.md index ce55708..da7cac7 100644 --- a/01-fundamentos-desarrollo/01-spread-operator.md +++ b/01-fundamentos-desarrollo/01-spread-operator.md @@ -99,6 +99,8 @@ console.log("Cliente plantilla:", clientePlantilla); const creaClienteVIP = (nombre: string, apellidos: string): Cliente => { const nuevoCliente: Cliente = { ...clientePlantilla, + nombre, + apellidos, + descuento: { + ...clientePlantilla.descuento, + }, @@ -116,6 +118,8 @@ Y si queremos ser más elegantes: const creaClienteVIP = (nombre: string, apellidos: string): Cliente => { const nuevoCliente: Cliente = { ...clientePlantilla, + nombre, + apellidos, descuento: { ...clientePlantilla.descuento, + valor: clientePlantilla.descuento.valor * 2, @@ -133,7 +137,7 @@ Pero si tenemos objetos con varios niveles de anidación, esto se puede volver u Vamos a instalarla: ```bash -npm install immer +pnpm install immer ``` Y ahora podemos hacer esto: