React

Material UI / Caching en React

¿Qué es Material UI? https://flic.kr/p/2iJdEXq Material-UI es una biblioteca de código abierto que implementa el lenguaje visual de "materiales" de Google en sus componentes React. Ofrece la capacidad de combinar su biblioteca de interfaz de usuario, con el marco front-end de React.js. Con Material UI se pueden crear diseños profesionales modernos con personalización completa para aplicaciones sin las limitaciones de tiempo de iniciar CSS completo desde cero. En el siguiente tutorial, veremos algunos elementos y componentes de Material como los cards, con React y Material-UI. La aplicación implementará React Hooks, React Context, y…continue reading →

Enviar Emails en React

¿Se pueden enviar emails de forma nativa? La respuesta es no, React.JS no incluye los paquetes necesarios para poder enviar emails. Aparte de que React es la parte cliente (el navegador Web), por lo que no hay un servidor que esté a la escucha para realizar los envíos. En este post vamos a ver una forma de poder realizar envíos de email usando una aplicación de React como cliente web y usando ciertos paquetes para poder tener un servidor a la escucha, así cuando un usuario mande un formulario desde el cliente web…continue reading →

Despliege de aplicaciones React y/o Angular

En este post veremos como se puede desplegar una aplicación React o Angular en distintos tipos de servidor. Se enseñara como configurar el servidor correctamente para que el sistema de enrutado de las aplicaciones funcione correctamente. React y Angular tienen la particularidad que son webs de una sola página, cualquier simulación de enrutado se hace en cliente y no en servidor como una página web tradicional. Esta caracteristica requiere una configuración especial en el servidor que defina que cuando se hace una petición a quela url del servidor responda devolviendo un solo archivo…continue reading →

Librería Spring, animación de imágenes

¿Para qué sirve la librería Spring? Spring sirve para crear animaciones a través de la física de resortes, lo que significa, hacer animaciones basadas en el movimiento real del usuario. Esta librería es funcional tanto en iOS como en Android. Además es multiplataforma, admite web, react-native, react-native-web ... ¿Cómo se utiliza? Deberemos instalar Spring en nuestro proyecto React: Necesitamos la animación-primitiva en sí, y  animated que nos facilita elementos nativos para recibir valores animados. Gracias a "useSpring" podremos dotar de funcionalidad a los objetos. Con la palabra reservada animated podremos crear objetos dinámicos.…continue reading →