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