A tu propio ritmo

Explora nuestra extensa colección de cursos diseñados para ayudarte a dominar varios temas y habilidades. Ya seas un principiante o un aprendiz avanzado, aquí hay algo para todos.

Bootcamp

Aprende en vivo

Únete a nosotros en nuestros talleres gratuitos, webinars y otros eventos para aprender más sobre nuestros programas y comenzar tu camino para convertirte en desarrollador.

Próximos eventos en vivo

Catálogo de contenidos

Para los geeks autodidactas, este es nuestro extenso catálogo de contenido con todos los materiales y tutoriales que hemos desarrollado hasta el día de hoy.

Tiene sentido comenzar a aprender leyendo y viendo videos sobre los fundamentos y cómo funcionan las cosas.

Buscar en lecciones


IngresarEmpezar
← Regresar a lecciones
  • html-css

  • node

  • javascript

  • reactjs

Editar en Github

Iniciar un proyecto básico en React.js

Hello World con React boilerplate

Hello World con React boilerplate

Esta plantilla es similar a create-react-app pero está pensada para estudiantes de la 4Geeks Academy.

Descarga el boilerplate utilizando git

1git clone https://github.com/4GeeksAcademy/react-hello.git 2cd react-hello

e instalar el paquete npm

1npm install

¡Empieza a codear

Para Windows, Mac, Linux o Gitpod, inicie el servidor webpack con live reload:

  • $ npm run start

Puedes actualizar styles/index.css o js/index.js dependiendo de tus necesidades. Añade más archivos en tu carpeta, ./src/js/components o styles a medida que los necesites.

Publique su sitio web

Esta plantilla es 100% compatible con las páginas gratuitas github pages y vercel.

Sólo se tarda 2 minutos en desplegarlo, haga clic aquí para iniciar el proceso.

Otras funciones

  • Formateo automático del código: Uso de Prettier para la indentación y el formateo automáticos del código.
  • Informe de errores: Uso de eslint para un mejor informe de errores.
  • Despliegue en caliente: Uso de Webpack Development Server para despliegue en caliente y recarga en vivo.
  • Publicación del código en páginas de Github con un solo comando con npm run deploy:github.
  • Babel 7 (realmente rápido).