seccion4-tarea-1.md

Tarea

1. Crear un nuevo componente dentro de la carpeta SRC llamado CounterApp

2. El CounterApp debe de ser un Functional Component

3. El contenido del CounterApp debe de ser:

       <h1>CounterApp</h1>
       <h2> { value } </h2>
   

4. Donde "value" es una propiedad enviada desde el padre hacia el componente CounterApp (Debe ser númerica validada con PropTypes)

5. Reemplazar en el index.js ó main.jsx el componente de <PrimeraApp /> por el componente <CounterApp /> (no se olviden del value que debe de ser un número)

6. Asegúrense de no tener errores ni warnings (Cualquier warning no usado, comentar el código)

Hecho!

listo

Si ya no se están usando los PropTypes ¿Por qué no cambian por Zod o algo por el estilo? Porque no tiene sentido este ejercicio si no se muestran en consola los mensajes de PropTypes.

Se debe actualziar esta parte del curso porque ya no se puede ver en consola.

Listo ! tuve que bajar la version de react a la 18.2.0 y aparecieron los mensajes de validacion en consola.

Done with TS!

what El lun, 30 jun 2025 a las 12:46, Barbara Morantes ***@***.***>) escribió:

…

***@***.**** commented on this gist. ------------------------------ Done with TS! — Reply to this email directly, view it on GitHub <https://gist.github.com/Klerith/e1a731cc595c00a9794a709062eae757#gistcomment-5650342> or unsubscribe <https://github.com/notifications/unsubscribe-auth/AKHFHD6224WINNJV3XFPVMD3GFZYLBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTAMRZGM2TAMJQU52HE2LHM5SXFJTDOJSWC5DF> . You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> .

I did it with TypeScript because I didn't want to change the version that I was using with React. I understand that PropTypes and DefaultProps are available until version 18.

…

On Mon, Jun 30, 2025 at 1:07 PM eder cortes ***@***.***> wrote: ***@***.**** commented on this gist. ------------------------------ what El lun, 30 jun 2025 a las 12:46, Barbara Morantes ***@***.***>) escribió: > ***@***.**** commented on this gist. > ------------------------------ > > Done with TS! > > — > Reply to this email directly, view it on GitHub > < https://gist.github.com/Klerith/e1a731cc595c00a9794a709062eae757#gistcomment-5650342 > > or unsubscribe > < https://github.com/notifications/unsubscribe-auth/AKHFHD6224WINNJV3XFPVMD3GFZYLBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTAMRZGM2TAMJQU52HE2LHM5SXFJTDOJSWC5DF > > . > You are receiving this email because you commented on the thread. > > Triage notifications on the go with GitHub Mobile for iOS > < https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 > > or Android > < https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub > > . > > — Reply to this email directly, view it on GitHub <https://gist.github.com/Klerith/e1a731cc595c00a9794a709062eae757#gistcomment-5650397> or unsubscribe <https://github.com/notifications/unsubscribe-auth/BSJ7W4YYPTJQAXOMQK4VFTT3GF4GBBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDUOJ2WLJDOMFWWLO3UNBZGKYLEL5YGC4TUNFRWS4DBNZ2F6YLDORUXM2LUPGBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTAMRZGM2TAMJQU52HE2LHM5SXFJTDOJSWC5DF> . You are receiving this email because you commented on the thread. Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub> .

-- Barbara Morantes She / Her Developer Consultant Associate Email ***@***.*** Telephone +593 99 8627991 <+593+99+8627991> [image: Thoughtworks] <http://www.thoughtworks.com/?utm_campaign=barbara-morantes-signature&utm_medium=email&utm_source=thoughtworks-email-signature-generator> [image: Join our community. Subscribe to Access Thoughtworks] <https://www.thoughtworks.com/careers/access?utm_source=email-signature&utm_medium=email&utm_campaign=brand>

Listoooo

Done!

Done!