¿Por qué es importante la Usabilidad? + React con Styled Components

¡Hola a todos! Ya queda poco para el verano y el calorcito. ¿Os apetece meetup?

Este será el último meetup de la temporada y nos vamos por todo lo alto con temas muy chulos.

Esta vez repetimos sitio en las maravillosas oficinas de Sewan, que nos vuelven a ceder su espacio para que podamos disfrutar de las excepcionales vistas que tienen.

===

Agenda

• 18:00 - Apertura de puertas.

• 18:15 - Sync-up del Meetup.

• 18:20 - Lighting: ⚡️ "Usabilidad, ¿Por qué es importante?", por Míriam González.

• 18:50 - Charla: "Estilizando componentes en React con Styled Components", por Juan Carlos Ruiz (Klaufel).

• 19:30 - Networking

===

⚡️⚡️ Míriam González es una Frontend Developer @ Neuromobile y dice que trabaja todos los días para que las cosas se vean bonitas y con coherencia. Ultimamente está muy enfocada en aprender lo máximo posible sobre usabilidad web y ha venido a MurciaFrontend a contarnos lo que ha aprendido hasta ahora.

Usabilidad, ¿Por qué es importante?

En esta charla veremos las diferencias entre usabilidad y experiencia de usuario, unos casos reales que demuestran su importancia y herramientas que no ayudan a mejorarla. Además, nos centraremos aspectos básicos de usabilidad en formularios.

Redes sociales de Míriam:
Github: https://github.com/miriamgonp
LinkedIn: https://www.linkedin.com/in/miriamgonzalezp/

===

Juan Carlos Ruiz (Klaufel) es un Front-end developer @ PcComponentes. Apasionado de CSS ❤️. Actualmente me encuentro trabajando con React, desarrollando arquitecturas CSS y librerías de componentes basadas en sistemas de diseño.

En esta charla hablaremos sobre el panorama actual de CSS para ponernos en situación y ver las ventajas que nos va a ofrecer CSS in JS en nuestros desarrollos con React.

Como una de las soluciones más populares y sólidas a los ‘problemas’ actuales con CSS vamos a utilizar Styled Components. Una propuesta que nos va a permitir desarrollar componentes estilizados preparados para ser utilizados en nuestro proyecto, ayudándonos a dar solución a los problemas ocasionados por la cascada, especificidad y declaraciones a nivel de performance en CSS.

Existe un gran debate entre personas muy opuestas a utilizar CSS in JS, en parte es debido a que no llegan a conocer en profundidad las soluciones que nos ofrecen. Con Styled Components podemos utilizar cualquier característica que nos proporciona CSS vanilla. Veremos cómo definir componentes estilizados, estilos condicionales, estilos globales, animaciones, theming y estilizar componentes de terceros.

Por último, dado que actualmente nos encontramos con un paradigma enfocado a los tests, veremos cómo realizar test a nuestros componentes estilizados mediante snapshots, obteniendo capturas de nuestros componentes estilizados para que no puedan ser modificados por error, consiguiendo una arquitectura de CSS muy robusta, escalable y fácilmente mantenible.

Redes sociales de Juan Carlos Ruiz (Klaufel):
Github: https://github.com/klaufel
Twitter: https://twitter.com/klaufel
LinkedIn: https://www.linkedin.com/in/klaufel/

===

¡No os la perdáis!

☝️
Para cualquier duda, podéis contactarnos por el Slack de MurciaDev (http://murciadev.slack.com). Si aún no os habéis apuntado al Slack, podéis hacerlo de manera gratuita aquí (http://murciadev.slack.com) o por Twitter @MurciaFrontend (https://twitter.com/MurciaFrontend).

¡Se buscan speakers!

Para las próximas charlas estamos buscando nuevos speakers, si te animas puedes contactar con nosotros en nuestro correo MurciaFrontend@gmail.com o en nuestro Twitter @murciaFrontend.