Parches incrementales y Explain before change

¿Qué son los parches incrementales?

[{"selector":"#anim-74428e36-3a6f-4441-a818-4345249591f5","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b2022bd3-6d99-4ff2-9630-ff1279da567c","keyframes":{"transform":["translate3d(114.69649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f487cb9c-1335-4e46-a431-e3b4aa13c3f7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e296963c-a4a7-4e24-b817-198c3a20d46c","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Es un cambio mínimo y controlado que corrige un síntoma verificable con ciclos cortos: 1. Cambio mínimo 2. Verificación inmediata y observación 3. Iteración con evidencia sin reescritura.

¿Cómo aplicar parches incrementales con ChatGPT-5?

[{"selector":"#anim-34156dcf-e741-4b36-b15f-c2d6f1448b74","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9694f650-0787-4905-adcf-7731816fea18","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-32fb25eb-2d0a-41a7-8413-01416a7aabd7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e14e1d53-5cab-4ffa-aab2-2a5dccc08a6d","keyframes":{"transform":["translate3d(114.46540%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8f663182-b575-42aa-9a97-51c1516ecdbe","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3ec72d69-7f8c-4264-838a-97ff57c14d81","keyframes":{"transform":["translate3d(123.76236%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Ejemplo base: - Síntoma fee sale mal con 1,250.00 y 1.250,00 - Línea sospechosa parseFloat ( req.body.amount ) Código relevante: - src/routes/payments.js - src/payments/calcFee.js

PASOS PRÁCTICOS

[{"selector":"#anim-0a1f6bd1-5263-42b9-8129-6de9fda3c4a3","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e30ffe8-b163-4515-a784-5686bdbf79ea","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e8bfa2e2-70f8-453e-a429-f22a711df03b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-33356779-9854-4301-95d3-3b3ed2c73b4a","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 1: - Define el listo - Casos esperados - Regla sin código todavía

PASOS PRÁCTICOS

[{"selector":"#anim-af13eae2-e1b6-4aea-9617-58324d03bac6","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c079853f-b079-40c8-9120-3a4b619dc497","keyframes":{"transform":["translate3d(115.18987%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0e96e79b-3ca2-4ce4-bf6c-a4b3f794c47f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b342d404-a951-4ff2-99ec-fefe94600d94","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Prompt base: - Eres un ingeniero de software experto en depuración de APIs Node.js - Objetivo / pay calcule fee con separadores

PASOS PRÁCTICOS

[{"selector":"#anim-f7c409c0-8c4f-49e0-aa33-bfac59ac3661","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b8fa22c7-509b-4d86-a37c-9c8b6cbe88b3","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3c403c23-4d99-4597-bfad-3cd538b1e0bc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-533c56b8-ae91-418b-8e6c-e07993514216","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec6fc47d-ff23-46cd-8668-23cfc07f15a0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d3fb03b-6695-4279-b532-449e60f16077","keyframes":{"transform":["translate3d(115.09433%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 2: - Plan de 4 micro pruebas - Input exacto y salida esperada PASO 3: - Ejecuta 1 micro prueba - Devuelve evidencia real

PASOS PRÁCTICOS

[{"selector":"#anim-a1a1c6ce-0a97-4acb-8a63-cf3ede4631cd","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e9840824-168f-45a5-a630-e1a79520f04e","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4cbadcc9-e010-4693-b071-7f6a73a3d761","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-11677096-617e-49b2-9aec-d3f22d307eff","keyframes":{"transform":["translate3d(115.09433%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 3: - Pide parche incremental - Devuélvelo como diff - Incluye 1 prueba inmediata

PASOS PRÁCTICOS

[{"selector":"#anim-ed499e14-8cdd-420d-b777-00add7005be0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1db29923-4529-45ee-9d31-9406afc20cff","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-12b787e3-1081-40f0-9cd0-7e884077e9e1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7562182a-d4da-4d0c-ad74-7f527b118ddd","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-13377f65-1906-4da8-b1c7-66ea0b142058","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-be8f3733-a2b1-4c05-9651-bb4de2dcf121","keyframes":{"transform":["translate3d(115.09433%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 5: - Itera con evidencia - Siguiente parche mínimo + 1 prueba PASO 6: - Mínima robustez - Validación + error claro + regresión

¿Qué es explain before change?

[{"selector":"#anim-22af1441-e95c-415e-b9db-c4d809e6f4f8","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af5d17c6-583b-4034-a726-36fc436ddb08","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a2f6a990-68f4-4dbe-8e4b-ea5075b69272","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9d311d9a-340b-487c-9c63-025c2bceaa09","keyframes":{"transform":["translate3d(112.89307%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Es una disciplina de depuración donde obligas al modelo a explicar antes de proponer cambios de código. Regla del candado: - Sin código hasta CAMBIA - Causa probable - Evidencia esperada - Supuestos e incertidumbre - Plan mínimo - Riesgos

¿Cómo hacer explain before change con ChatGPT-5?

[{"selector":"#anim-1aa1f6c5-8847-4b8f-bdc5-6978b087e1a1","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c778eb48-1d44-4b01-b41e-bd6f76df5717","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-088041e8-6d25-4a0d-98e1-7f61952ce8e0","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2a2945bd-b60e-4566-81e9-3559cc15f4c5","keyframes":{"transform":["translate3d(115.14195%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Ejemplo base : - Síntoma la página se congela - Network se dispara con muchas llamadas Código sospechoso: - useEffec t depende de items

PASOS PRÁCTICOS

[{"selector":"#anim-67b1e65b-dbc7-46be-9e75-8bbbc1442725","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-73188d21-8dd6-4b3c-b802-75a5774dae1c","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4b718359-89ad-4709-a7fa-1028106d707b","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ace35fbd-9678-4f13-af97-ba76bb72ceda","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 1: - Candado explain before change - 3 señales observables - Plan mínimo sin código

PASOS PRÁCTICOS

[{"selector":"#anim-40fdee95-077f-4ad5-99c9-d572eba7c5a9","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3e84b226-80ee-47ba-9860-677c861f2a2c","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ae0963de-72ac-479e-a2b1-f0315b740143","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ce61145f-1f9d-41e2-9da1-07f0cb57d0db","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Prompt base: - Eres un ingeniero de software experto en depuración de React y Next.js - Regla no escribir código hasta CAMBIA

PASOS PRÁCTICOS

[{"selector":"#anim-ac79bcd3-19ea-469a-b154-e0cc135aefef","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2319521f-5406-45c2-a181-b0ac34e46711","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f6526e2e-cc4e-4974-bffd-981f79f4ffce","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-558f6df2-a9e7-4df6-b25e-791272c2a4b1","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c60edb42-cf29-40fe-9bf6-47523a816a40","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d1ba5797-8b2c-4a09-8adb-99ed2356ee8f","keyframes":{"transform":["translate3d(115.09433%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 2: - Supuestos e incertidumbre - 2 verificaciones baratas PASO 3: - Devuelve evidencia - Requests duplicadas y renders repetidos

PASOS PRÁCTICOS

[{"selector":"#anim-3456f229-eb55-43b5-82a4-f28234f65824","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a19c748b-764d-47bb-8bae-5e3885dcf1f6","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9cd9102e-a39d-4e15-a163-be9141959443","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c0610294-a1ba-4156-a29b-9916961aec21","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 4: - 2 alternativas - Mínima vs robusta - Pros y contras - Sin código aún

PASOS PRÁCTICOS

[{"selector":"#anim-b6c85afc-bcce-4b5a-b0b7-26aad50584eb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-689ed78d-4e7b-4de2-b746-4ae9cfd64d9d","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-81527d1c-a49e-49f1-b660-a73646fb287e","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-42328491-a8ab-4c83-9bcd-ca4d09dd9e30","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 5: - CAMBIA - Parche como diff - Explica cada cambio en 1 línea - Verificación rápida sin loop

PASOS PRÁCTICOS

[{"selector":"#anim-f87e1091-829b-4e75-9e10-cfa8d8c2293f","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-3d68d355-2727-4011-96e4-35bb77d54284","keyframes":{"transform":["translate3d(114.77986%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a7743149-e74d-41fc-80d6-aef7f30c199c","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e891c66d-4166-4dbd-bbef-b49de87cef12","keyframes":{"transform":["translate3d(114.82649%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] PASO 6: - Checklist guardrails - Dependencias de useEffect - Requests duplicadas - Pruebas rápidas

¡No pierdas más tiempo!

[{"selector":"#anim-82f725d9-d08c-4554-ac9c-d4dff3d90f30","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-031138df-e438-4cc1-8d77-aa38e5a218b0","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Da clic aquí para acceder directamente:

Parches incrementales y Explain before change

SESIÓN 7

ChatGPT

Flashcards de estudio

¿Qué son los parches incrementales?

¿Cómo aplicar parches incrementales con ChatGPT-5?

PASOS PRÁCTICOS

PASOS PRÁCTICOS

PASOS PRÁCTICOS

PASOS PRÁCTICOS

PASOS PRÁCTICOS

¿Qué es explain before change?

¿Cómo hacer explain before change con ChatGPT-5?

PASOS PRÁCTICOS

PASOS PRÁCTICOS

PASOS PRÁCTICOS

PASOS PRÁCTICOS

PASOS PRÁCTICOS

PASOS PRÁCTICOS

¡No pierdas más tiempo!

Pruébalo ahora