← Regresar a lecciones

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).