Libro digital · PDF
Tu primera landing en React
Aprendé React desde cero y publicá tu primera web. Sumala a tu portfolio o adaptala para mostrar los servicios de tu negocio sin pagar un desarrollo a medida. El libro incluye el código fuente y prompts para que puedas consultar dudas y resolver errores con inteligencia artificial.
Qué vas a aprender
Para quienes quieren crear y publicar su primera landing con React.
- Construir una landing responsive
- Personalizar sus secciones
- Publicar con GitHub y Vercel
Nivel inicial · React · Vite · Tailwind CSS
¿Qué necesito para empezar?
- Una computadora con Windows o macOS, internet y permiso para instalar programas.
- El manual te guía para preparar Node.js, un editor y un navegador.
- Para publicar, necesitás cuentas de GitHub y Vercel.
Temario
00Preparación del entorno
- Instalación de herramientas y creación del proyecto con Vite
- Versiones, primera pantalla y organización de archivos
01Estructura de la landing
- El recorrido de MiLanding y sus secciones
- HTML, CSS, JavaScript y JSX
- Objetos, arrays y listas en React
02Navegación y secciones
- Enlaces a secciones dentro de una misma página
- Estado del menú móvil
- Pruebas de navegación y desplazamiento
03Estilos con Tailwind CSS
- Tailwind CSS v4 y su integración con Vite
- Estilos globales y clases
- Diseño responsive y accesibilidad
04Componentes y montaje final
- Contenido, props y componentes reutilizables
- Menú, hero, servicios, presentación y opiniones
- Llamado a la acción, formulario de contacto por correo y montaje final
05Deploy en Vercel
- Build de producción y vista previa
- Git y repositorio en GitHub
- Publicación, verificación y actualizaciones en Vercel
AReact Router · opcional
- Páginas y rutas como ampliación de la landing
- Configuración de enlaces directos en Vercel
BRevisión y ayuda
- Diagnóstico de errores y prompts opcionales para IA
- Prueba final, glosario y documentación oficial