Microsoft MCSD Web Applications

React-Select(SELECCION MULTIPLE)

https://flic.kr/p/2iHHbBg Es un control de entrada selectivo flexible para ReactJS con soporte de selección múltiple, autocompletado, asíncrono y creatable. Esta creado por Jed Watson React Select está financiado por Thinkmill y Atlassian. Característica Enfoque flexible de los datos, con funciones personalizables.API de estilo extensible con emociónAPI de inyección de componentes para un control completo sobre el comportamiento de la interfaz del usuarioAccesorios de estado controlables y arquitectura modularFunciones solicitadas durante mucho tiempo como grupos de opciones, soporte de portal, animación y más Props comunes autoFocus - enfoca el control cuando se montaclassName - aplicar un className al…continue reading →

Login red social React

Es este tutorial aprendrás a iniciar sesión mediante una red social. En este proyecto utilizaremos la herramienta Firebase que nos facilitará el desarrollo de nuestra aplicación. En su plataforma donde podremos anclar y pedir permisos a la aplicaicón de terceros para poder inciar sesión a partir de las redes sociales. Tutorial Primero abrimos el símbolo de sistema de Windows. Agregamos el comando create-react-app y a continuación creamos el nombre del proyecto. Ej: npx create-react-app tutorialenfirebase A continuación, instalaremos las librerías de Firebase: entramos a la carpeta de nuestro nuevo propyecto :np tutorialenfirebase. yarn…continue reading →

Internationalization (i18n) angular

En este tutorial de Angular 9/8 veremos cómo traducir una aplicación Angular usando la librería ngx-translate. Ngx-translate es una biblioteca de internacionalización para Angular que permite internacionalizar la aplicación en varios idiomas. Puede convertir fácilmente datos estáticos o dinámicos en varios idiomas.  Proporciona un servicio útil, una directiva y una tubería para manipular cualquier dato. ¿Qué es la internacionalización? La internacionalización es el proceso de diseño y preparación de su aplicación para poder utilizarla en diferentes idiomas. La localización es el proceso de traducir su aplicación internacionalizada a idiomas específicos para entornos locales particulares.angular.io…continue reading →

Paginación en React

En este post vamos a aprender a insertar pagination en nuestros proyectos de React. Veremos como funciona y trataremos las posibles modificaciones que se le pueden aplicar. Este ejercicio se realizará en Visual Studio Code 1.43.2 y con Node.js v.12.8.1 Requisitos previos Antes de comenzar debemos instalar el paquete que vamos a usar para la paginación. Hay varios, pero en este caso se ha decidido utilizar react-paginate en su versión 6.3.2. Para instalarlo simplemente ejecutamos en nuestra consola de comandos npm install react-paginate --save. Para más información acerca del paquete y sus características…continue reading →

Introducción a Material en Angular

Hola, bienvenidos a este nuevo post donde veremos una breve introducción a Material en Angular. ¿Qué es Material? Es un kit de componentes que nos permite incorporar elementos tales como botones, tablas, paginadores con un diseño, animaciones creados ya predeterminados. A continuación se empezará la explicación desde cero, necesitamos Visual Studio Code y la consola de Windows para poder trabajar. Empecemos! Para crear el proyecto debemos abrir la terminal de Windows e ir hacia la ruta que deseemos para guardar nuestro proyecto, nosotros lo haremos en una carpeta en el escritorio llamada Angular.…continue reading →

React Firebase, Login y SignUp

En este post explicare como poder usar Firebase con React, así como un ejemplo de uso para poder iniciar sesión con un usuario-contraseña ya existentes o crear un nuevo usuario. https://flic.kr/p/2iHD8vh Antes de nada tenemos que hacer una pequeña introducción sobre que es FireBase. Firebase es una plataforma subida a la nube que nos permite desarrollar y crear apps de una manera más fácil. Entre sus funciones consta de una base de datos para la gestión se usuarios, así de esta forma con Firebase nosotros solo tendremos que seguir unos pasos con los…continue reading →