leanmind logo leanmind text logo

Blog

BDD

Behaviour-driven Development es una técnica para tomar mejores requisitos de producto.

Live coding: diseñando componentes React con TDD

Por Adrián Ferrera González

Muchas veces, surge la duda de como hacer TDD sobre la UI. Es típico que se acaben escribiendo test demasiado acoplados al código, cuando la idea, en realidad, es desarrollar nuestros componentes basándonos en casos de uso, expresándolos con test.

En el siguiente vídeo, he intentado trasmitir la idea básica y el cómo trato de enfocar los casos de uso de un componente, intentando ser lo más purista posible y cumpliendo con el ciclo GREEN - RED - REFACTOR.

Conclusión

Está claro que, a mayor práctica, más rápido vas a poder llevar a cabo este tipo de técnicas y podrás ser más productivo en tu día a día.

No siempre es necesario crear test para tus componentes si estos no tienen lógica, pero el tratar de definirlo de esta forma te ayudará a descubrir casos que no te hubieses planteado inicialmente.

Publicado el 27/04/2020 por
Adrián image

Adrián Ferrera González

https://adrianferrera.dev

¿Quieres más? te invitamos a suscribirte a nuestro boletín para avisarte cada vez que recopilemos contenido de calidad que compartir.

Si disfrutas leyendo nuestro blog, ¿imaginas lo divertido que sería trabajar con nosotros? ¿te gustaría?

Impulsamos el crecimiento profesional de tu equipo de developers