Full Stack

AWS TRANSLATE | Traducción de textos en diferentes idiomas

Como utilizar Amazon Translate Como ya podrás adivinar por el nombre, Amazon Translate es un servicio de traducción automática neuronal que ofrece traducción de idiomas rentable, personalizable, de alta calidad y rápida. Y para poder utilizar este servicio de AWS sigue los siguiente pasos: Lo primero de todo, para empezar, Necesitamos instalar la versión 2.2 del runtime de visual studio. Para ello, buscamos en Windows “visual studio installer”, En la segunda pestaña donde pone “componentes individuales” buscamos 2.2 y nos aparecerá “Runtime de .NET Core 2.2(sin soporte)”. Clickamos en el checkbox y instalamos,…continue reading →

React – Modal popup con React portals

¿Qué son los React Portals? Portals es una Api de React que nos permite renderizar cualquier componente o código html fuera de nuestro árbol de componentes Dom (por defecto <div id=”root”>  dentro de index.html). Para hacernos una idea, un portal sería como un agujero de gusano donde en un nodo tendríamos un <div id="otroDiv"> aislado en index.html y en otro nodo tendríamos un trozo de código html o un componente declarado en otro <div id="root"> . Este componente usaría métodos en el componente donde lo declaramos, pero a la hora de ser pintado,…continue reading →

Routing en React (react-router-dom)

¿PARA QUÉ SIRVE ROUTING? Routing sirve para navegar entre distintos componentes de un proyecto. En React, se utiliza la librería 'react-router-dom', la cual hay que instalar manualmente, ya que no está incluido por defecto. INSTALACIÓN Desde la línea de comandos, nos dirigimos a la ruta de nuestro proyecto, y escribimos el siguiente comando: npm install --save react-router-dom Ejemplo Para ver el funcionamiento y como implementarlo en un proyecto, usaremos un sencillo ejemplo, que contiene los siguientes componentes: HomeGallinasVacasCerdos Lo primero que debemos hacer es crear el componente 'Router.js', en el cual hay que…continue reading →

Reconocimiento por voz en un proyecto Angular

Presentar el problema Se utilizará el reconocimiento por voz, para que personas discapacitadas puedan interactuar más fácil, con el uso del habla, en una página web que contendrá notas, además esto permitirá que el resto de usuarios puedan disfrutar de la solución desde otro punto de vista. Puntos importantes Apoyar a un sector de usuarios discapacitados y mejorar su experiencia con la interacción a través de una página web. Animar a la comunidad informática para que implemente la funcionalidad del componente a sus respectivos sitios webs para mejor la comunicación e interpretación de…continue reading →

Creacion de Modales en React con SweetAlert2

Usos de SweetAlert2 A la hora de crear modales, popups y alertas con Javascript, pueden utilizarse diferentes bibliotecas u opciones. Una de esas bibliotecas es SweetAlert2. SweetAlert2 es una biblioteca que esta pensada para poder utilizarse junto a JavaScript Vanilla. Al estar pensado para usarse de esa manera, también funciona con React, Vue y Angular, aunque en este post se utilizara con React. Todo el código creado para esta explicación se puede encontrar en el siguiente repositorio de GitHub. Instalar y crear modales Instalando SweetAlert2 en React Para instalar SweetAlert2 y poder utilizarlo…continue reading →