Retos terminados 💪
Introducción a React
¿Qué es React.js?
Conceptos fundamentales de React
Quiz: Introducción a React
Configurando el entorno de desarrollo para React
Análisis de dependencias en proyectos de React
Instalación de React y React DOM
Configuración de Webpack y Babel
Cambios en tiempo real con Webpack
React con CSS y Sass
Quiz: Configurando el entorno de desarrollo para React
Maquetación en React
Transformando HTML y CSS en componentes de React
Estilos en los componentes de React
Quiz: Maquetación en React
Páginas, rutas y componentes
React Router DOM
Navegación entre rutas
Header en todas las rutas
¿Qué es Atomic Design? Conoce los beneficios
Solución al reto: componentes y rutas de React Shop
Tipos de componentes en React: stateful vs. stateless
Imágenes y alias en Webpack
Quiz: Páginas, rutas y componentes
Lógica con React Hooks
React.useState
Toggle del menú
useEffect y consumo de APIs
Custom Hooks para la tienda
useRef y formularios
React Context
Completando el carrito de compras
Orden de compra
Calculando el precio total
Eliminando productos del carrito
Quiz: Lógica con React Hooks
Deploy
Cómo comprar tu dominio y conexión con Cloudflare
Automatizando el despliegue con GitHub Actions
Próximos pasos
Retos de React.js (bug hunters)
Continúa con el Curso Práctico de Next.js
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesiónAportes 11
Preguntas 3
Ordenar por:
Les dejo mi repositorio con muchos cambios hechos y con los retos completados ya que siento que no es ni cerca un e-commerce comunique las paginas que no tenÃan comunicación con ningún componente y retoque todo para que parece un poco mas utilizable.
Repositorio
Espero que les sea útil y lo puedan usar para que les quede un poco mas completo el proyecto.
como que todo esto más bien debió haber sido parte del curso, no?
bueno me gustó la configuracion del proyecto las carpetas webpack, babel, entonces lo automatice con nodejs… con el comando node NODEReactMachine.js se te crean todas las carpetas el router y todo lo demas para empezar a programar… les dejo el repo NODEReactMachine
Retos terminados https://jdvega21.github.io/yard_sales_react/
Sitio en github pages:
https://jdvega21.github.io/yard_sales_react/
Comparto el resultado de todo el curso, te recomiendo ver la rama issues
Link del proyecto: https://misael-gc.github.io/commerce/
Link del repositorio: https://github.com/Misael-GC/commerce/tree/issues
Felicidades a los que llegaron a esta instancia; curso complejo por su cantidad de contenido, y por todas las variables de conocimiento que tuvimos que aplicar de los cursos anteriores de JS
¡Solucionados todos los retos!
¡Pueden ver el proyecto aquÃ! Y este es el repositorio.
agregue también la integración con la página de checkout.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.