https://github.com/4geeksacademy/react-hello
https://github.com/4geeksacademy/react-hello
boilerplate css gitpod gitpod-boilerplate gitpod-io react react-boilerplate react-js react-template reactjs reactjs-begin reactjs-template sass template webpack
Last synced: 18 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/4geeksacademy/react-hello
- Owner: 4GeeksAcademy
- Created: 2024-12-09T21:03:56.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2025-02-24T18:11:48.000Z (about 2 months ago)
- Last Synced: 2025-04-05T09:14:10.327Z (18 days ago)
- Language: JavaScript
- Size: 45.9 KB
- Stars: 10
- Watchers: 1
- Forks: 519
- Open Issues: 1
-
Metadata Files:
- Readme: README.es.md
Awesome Lists containing this project
README
# Hello World con la platilla de React
> 🎥 Esta plantilla [cuenta con un video tutorial](https://youtu.be/oGpSVBsq7BA), para verlo haz clic aquÃ.
Comienza a codificar una aplicación con React.
> Si estás trabajando localmente en lugar de usar Codespaces o Gitpod, por favor sigue los [pasos de instalación local](#instalación-local-sáltalo-si-estás-trabajando-en-codespaces-o-gitpod) y regresa a esta parte del README.
## ¿Cómo comenzar a codificar?
- Instala los paquetes con `$ npm install`.
- Ejecuta el servidor de webpack con `$ npm run start`.
Puedes actualizar los archivos `styles/index.css` o `js/index.js` dependiendo de tus necesidades.
Agrega más archivos en las carpetas `./src/js/components` o `styles` según los necesites.
## Instalación local (sáltalo si estás trabajando en Codespaces o Gitpod)
Descarga el boilerplate usando Git:
```bash
$ git clone https://github.com/4GeeksAcademy/react-hello.git
$ cd react-hello
```
## ¡Publica tu sitio web!
Este boilerplate es 100% compatible con los servicios de alojamiento gratuitos [GitHub Pages](https://pages.github.com/) y [Vercel](https://vercel.com/).
Solo toma 2 minutos desplegarlo, [haz clic aquà para comenzar el proceso](https://4geeks.com/docs/start/deploy-to-render-com).
## Otras caracterÃsticas
- **Formateo automático de código**: Uso de [Prettier](https://prettier.io/) para la indentación y formateo automático del código.
- **Reporte de errores**: Uso de [ESLint](https://eslint.org/) para un mejor reporte de errores.
## Contribuidores
Esta plantilla fue creada como parte del [Coding Bootcamp](https://4geeksacademy.com/us/coding-bootcamp) de 4Geeks Academy por [Alejandro Sánchez](https://twitter.com/alesanchezr) y otros contribuyentes.
Descubre más sobre nuestro [Curso de Desarrollo Full Stack](https://4geeksacademy.com/us/coding-bootcamps/part-time-full-stack-developer) y [Bootcamp de Ciencia de Datos](https://4geeksacademy.com/us/coding-bootcamps/datascience-machine-learning).