Angular y React JS, dos pesos pesados del frontend

 

Hola comunidad, tengan todos ustedes un cordial saludo de mi parte.
Retomando el tema de los tutoriales, quise aprovechar el reto sugerido por el profesor Eduardo Ibarra y poder entonces, comparar Angular y React JS como elegidos (2 pesos pesados sin desmeritar lo que la comunidad hace en pro de Vue JS).

Dado que fue precisamente Angular el framework reactivo con el cual inicié, no quise que mi opinión estuviese sesgada por este framework ya que en lo personal, fue un amor a primera vista.
Sentí que de alguna manera estaba traicionando y contradiciendo lo que había plasmado en la agenda desde un inicio: “React JS”.

Si bien es cierto que la aplicación de Platzi está desarrollado en esta potente librería soportada por Facebook (motivo principal por el que en la agenda estaba primero React), y la línea base de especialización está inclinada a dicha librería, fue Angular mi primer amor. No obstante, intantaré en este Tutorial dejar a un lado
esta preferencia, y centrarme en las características, algunas ventajas y desventajas de cada una para ser lo más objetivo posible, resaltando las cualidades en términos generales sin profundizar mucho.

Antes de comenzar con las diferencias entre Angular y React como primer punto, me pregunté: ¿Y porque no comenzar con las similitudes?

Así que dicho esto, comenzaré con las similitudes entre ambos:

https://platzi.com/tutoriales/1340-angular-avanzado/2813-angular-y-react-js-dos-pesos-pesados-del-frontend/

TUTORIAL: COMO SUBIR/DEPLOY UNA APLICACIÓN DE REACT JS A HEROKU

 Cuando ya tenemos nuestra aplicación hecha en react js y queremos subirla a internet heroku nos ofrece esta opción de una manera fácil y rápida, comencemos.

Requerimientos: 

• Tener una cuenta registrada en heroku. https://heroku.com/
• Tener heroku cli https://devcenter.heroku.com/articles/heroku-cli
• Tener node js instalado https://nodejs.org/en/

Pasos: 

Crear un nuevo proyecto de react js:

Seguiremos la documentación oficial de react js para crear la aplicación que subiremos a heroku, puedes leerla aqui. 

Abrimos nuestra terminal y ejecutamos el siguiente comando:

npx create-react-app my-app-heroku

cd my-app-heroku

npm start

Esto abrirá un servidor local y será el siguiente resultado:

Ahora con control + c en la consola detenemos el servidor local que tenemos.

Aplicación en heroku:

git init

git add .

git commit -m “primera aplicación en heroku”

heroku login

heroku create (nombre-de-la-aplicación) --buildpack mars/create-react-app

git push heroku master

heroku open

En caso de algún error eventual seguir los siguientes pasos:

Verificar que en buildpacks se encuentre en: mars/create-react-app con el siguiente comando: 

heroku buildpacks

De no ser así ejecutar el siguiente comando:

heroku buildpacks:set mars/create-react-app

y hacer el deploy con el nuevo buildpack:

git commit --allow-empty -m 'Switch to create-react-app-buildpack'

git push heroku master

Con esto ya tendríamos nuestra aplicación de react js en heroku! No dudes el contactarme si tienes alguna duda.

referencia:

https://rivasdev.tech/publicaciones/subir-reactjs-heroku-deploy

Habilitar el repositorio CentOS CR en CentOS 7

El repositorio «Continuous Release», más conocido como repositorio CentOS CR, contiene los paquetes que se lanzaran en la próxima versión oficial de CentOS. Por ejemplo, si estas usando CentOS 7.4, recibirás las actualizaciones futuras con las que contara la versión 7.5.

CentOS 7, viene de manera predeterminada con el repositorio CentOS CR instalado, pero no activado. Así que si quieres hacer uso de este repo, es tan sencillo como…

nano /etc/yum.repos.d/CentOS-CR.repo

Lo activas como en el ejemplo.

-[cr]
-name=CentOS-$releasever – cr
-baseurl=http://centos.mirrors.ovh.net/ftp.centos.org/$releasever/cr/$basearch/
-gpgcheck=1
-gpgkey=file:///etc/pki/rpm-gpg/RPM-GPG-KEY-CentOS-7
-enabled=1

Guardas y cierras el editor.

Ejecutas update.

yum update

Referencia

https://www.sololinux.es/habilitar-repositorio-centos-cr-centos-5-6-7/

Docker compose instalación

#sudo apt-get install curl -y
#sudo curl -L "https://github.com/docker/compose/releases/download/1.26.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
#$ docker-compose --version

https://docs.docker.com/compose/install/

Docker Hub

Docker Hub es la forma más fácil del mundo de crear, administrar y entregar las aplicaciones de contenedor de sus equipos. Regístrese en Docker Hub · Examinar imágenes populares.

Diseño de aplicaciones web modernas con ASP.NET Core y Azure

Referencias https://docs.microsoft.com/es-es/dotnet/architecture/modern-web-apps-azure/
Introducción .NET Core y ASP.NET Core ofrecen varias ventajas con respecto al desarrollo tradicional con .NET. Debe usar .NET Core para las aplicaciones de servidor si algunos o todos los elementos siguientes son importantes para el éxito de su aplicación: Compatibilidad entre plataformas. Uso de microservicios. Uso de contenedores de Docker. Requisitos elevados de rendimiento y escalabilidad. Control de versiones en paralelo de versiones de .NET por aplicación en el mismo servidor. Las aplicaciones tradicionales de .NET son compatibles con muchos de estos requisitos, pero ASP.NET Core y .NET Core se han optimizado para ofrecer una compatibilidad mejorada para los escenarios anteriores. Cada vez más organizaciones deciden hospedar sus aplicaciones web en la nube con servicios como Microsoft Azure. Considere la posibilidad de hospedar su aplicación en la nube si los siguientes elementos son importantes para la aplicación o la organización: Inversión reducida en costos de centros de datos (hardware, software, espacio, utilidades, administración de servidores, etc.). Precios flexibles (pago en función del uso, y no por la capacidad inactiva). Confiabilidad extrema. Movilidad mejorada de la aplicación; modificación sencilla de dónde y cómo implementar la aplicación. Capacidad flexible; escalado o reducción vertical en función de las necesidades reales. La compilación de aplicaciones web con ASP.NET Core, hospedadas en Azure, ofrece muchas ventajas competitivas con respecto a las alternativas tradicionales. Se ha optimizado ASP.NET Core para escenarios de hospedaje en la nube y prácticas de desarrollo de aplicaciones web modernas. En esta guía se ofrece información sobre cómo diseñar aplicaciones con ASP.NET Core para sacar el máximo provecho de estas funcionalidades.

Código de espagueti

Destacado en el calendario 2012 de Software Craftsmanship AntiPatterns , Spaghetti Code se refiere a que tiene una estructura enredada y difícil de seguir, especialmente una en la que es difícil seguir el flujo real del programa.

Diferentes lenguajes de programación tienen diferentes construcciones que pueden prestarse a la creación de Spaghetti Code. En los idiomas más antiguos, el uso de declaraciones GOTO es el ejemplo más evidente, ya que representa gran parte de la infamia actual de esta declaración en la profesión de la informática. En lenguajes posteriores, especialmente los lenguajes de secuencias de comandos, el uso de archivos de inclusión o declaraciones a menudo podría dar lugar a un código de espagueti. Del mismo modo, los lenguajes que tienden a mezclar la lógica empresarial, la lógica de datos, el flujo de aplicaciones y la lógica de la interfaz de usuario, como muchas páginas ASP y PHP, pueden convertirse fácilmente en Spaghetti Code si no se mantienen los hábitos de disciplina y codificación adecuados. referencia: https://deviq.com/spaghetti-code/