Despliegue de aplicación en React

Clase 4 de 10 • Curso Básico de GitHub Actions

Clase anteriorSiguiente clase

Gustavo Pú

student•

Desplegué mi portafolio en Github Pages ! https://elmergustavo.github.io

Oscar Barajas Tavares

Team Platzi•

Que genial, me gusta que pongan en práctica lo aprendido.

Dennys Medardo Heras Quintuña

student•

Justo pensaba hacer lo mismo, pero yo estoy usando ChatGPT.

Iván Jijón

student•

Recuerden que Vite se pronuncia "veet" y no "bait". Viene del francés" vite" que quiere decir rápido.

Martín Alexis Samán Arata

student•

ulalá señor francés

Mauricio Morales Pineda

student•

En cada curso Oscar nos sorprende con un nuevo skin muy cool en su terminal

Oscar Barajas Tavares

Team Platzi•

Este está disponible en mi blog gndx.dev para que lo descargues.

Nicolás Valderrama

student•

No entiendo por qué se está usando Vite, qué es lo que hace?

Jose Barboza

student•

es otra opción a webpack solo que más rapido

Jose Barboza

student•

es una de las formas para crear un proyecto para vue o react

Kenny Rodriguez

student•

no me funciona el comando npm init vite@latest me lanza unos errores :(. Actualice el sistema operativo i dependencias pero sigue sin funcionar. Alguna solución?

Milton Eduardo Hernandez Carias

student•

una pregunta cual es la extencion de react que usa

JEAN PAUL BIGOT

student•

con que teclas elijo, elijo el framework en gitbash?

Carlos Andres Poiche Soliz

student•

Pudiste elegir el framework?

JEAN PAUL BIGOT

student•

en el comando: npm init vite@latest, al tratar de elegir el framework, no me deja, o con que teclas lo hago?

Alberto Gurrion

student•

se pronuncia /vit/ no byte; ˈhedər no jider.

Santiago Gonzalez

student•

Si no les funciona el comando, pueden probar con:

npm create vite@latest

Luis Abdel Rangel Castro

student•

https://lrangelc.github.io/

Oscar Barajas Tavares

Team Platzi•

¿Qué bien, la foto del León donde es?

Esteban Blanco Ortuno

student•

https://estebanbo.com/ yo tambien tengo en github pages

Oscar Barajas Tavares

Team Platzi•

Excelente, que gusto ver sus proyectos desplegados en GH Pages.

Héctor Jonathan Maldonado Vega

student•

No pude utilizar el comando npm init vite@latest

Estoy ulizando un WSL Ubuntu 22.04 como root sh: 1: create-vite: Permission denied npm ERR! code 127 npm ERR! path /home/hector/developGH npm ERR! command failed npm ERR! command sh -c create-vite

npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2023-07-10T21_42_31_886Z-debug-0.log

Carlos Andres Poiche Soliz

student•

Hola team, como puedo utilizar las arrows keys?

Julian David Vidal González

student•

¿Por qué se crea un nuevo repo y no se usa el que se creó la clase pasada?

Rodriguez Potes William David

student•

No he podido seguir me genera este error les agradezco.

npx: installed 1 in 1.774s /home/williammaster/.npm/_npx/9815/lib/node_modules/create-vite/index.js:3 import './dist/index.mjs' ^^^^^^^^^^^^^^^^^^

SyntaxError: Unexpected string at Module._compile (internal/modules/cjs/loader.js:723:23) at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModuleLoad (internal/modules/cjs/loader.js:593:12) at Function.Module._load (internal/modules/cjs/loader.js:585:3) at Function.Module.runMain (internal/modules/cjs/loader.js:831:12) at startup (internal/bootstrap/node.js:283:19) at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)

Emerson Paul Godínez Pérez

student•

Por ejemplo en mi caso, en lugar de elegir React seleccioné JavaScript, ¿Cómo puedo cambiar eso? o ¿Cómo puedo eliminar mi proyecto desde la linea de comando?

Emerson Paul Godínez Pérez

student•

Esa terminal de qué es o dónde la encuentro?

Emerson Paul Godínez Pérez

student•

Ya resolví mi duda, en el caso de Windows hay que tener instalado Power Shell

Alexis Acosta

student•

Me ayudan con este error

alexis@Alexis:~$ npm init vite@latest

npx: installed 6 in 8.706s /home/alexis/.npm/_npx/28034/lib/node_modules/create-vite/index.js:4 import fs from 'node:fs' ^^

SyntaxError: Unexpected identifier at Module._compile (internal/modules/cjs/loader.js:723:23) at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10) at Module.load (internal/modules/cjs/loader.js:653:32) at tryModuleLoad (internal/modules/cjs/loader.js:593:12) at Function.Module._load (internal/modules/cjs/loader.js:585:3) at Function.Module.runMain (internal/modules/cjs/loader.js:831:12) at startup (internal/bootstrap/node.js:283:19) at bootstrapNodeJSCore (internal/bootstrap/node.js:623:3)

JEAN PAUL BIGOT

student•

no puedo proseguir el comando npm init vite@latest, con gitbash ya que no me deja instalar el framework, pero con la terminal de comandos, si, alguien puede decir por que?

Despliegue de aplicación en React

Introducción

¿Qué es GitHub Actions?

GitHub Workflows

Primeros pasos en GitHub Actions

GitHub Pages

Despliegue de aplicación en React

Integraciones

Build and deploy con GitHub Pages y GitHub Actions

Conectar con un nombre de dominio

Añadiendo recursos y configuraciones a nuestro sitio

Automatizar flujo de pruebas con ESLint

Automatización de pruebas con GitHub Actions

Próximos pasos

Conclusiones