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

Regístrate en 4Geeks

← Volver a Proyectos

Lista de Contactos con React y Flux

Dificultad

  • intermediate

Duración promedio

24 hrs

Tecnologías

  • HTTP

  • ReactJS

    Javascript

  • React useState

  • React Hooks

  • React Router

  • React useEffect

Dificultad

  • intermediate

Duración promedio

24 hrs

Tecnologías

alt text Contact Managment Application

Tecnologías: HTML, CSS, JS, React, React Router and Flux.

¡Hola! Es hora de empezar a hacer aplicaciones frontales profesionales. Esta vez Crearemos una pequeña aplicación de gestión de contactos que permitirá a los usuarios: Crear, actualizar, eliminar y leer contactos. Compruébalo aquí!

Utiliza la arquitectura de Flux para esto: La arquitectura de Flux es una de las propuestas más utilizadas para las arquitecturas de aplicaciones web..

🌱 Cómo iniciar este proyecto

Este proyecto viene con los archivos necesarios para empezar a trabajar, pero tienes dos opciones para empezar:

a) Abrir este link con Gitpod (recomendada) en tu navegador: https://gitpod.io#https://github.com/breatheco-de/exercise-contact-list.git

b) Clonar este repositorio localmente en tu computador:

1$ git clone https://github.com/breatheco-de/exercise-contact-list.git
  1. Instala las dependencias del projecto $ npm install.

  2. Empieza el servidor de desarrollo $ npm run start.

💡 Importante: Recuerda actualizar el remote del proyecto con el de tu repositorio usando git remote set-url origin <your new url>, y luego guardar tu código en tu nuevo repositorio usando add, commit y push.

El proyecto se divide en:

Dos vistas diferentes:

  1. Contacto: Contiene la lista de contactos.
  2. Agregar contacto: es solo un formulario que puede usar para crear o actualizar contactos.

Hay un componente adicional:

Tarjeta de contacto: componente ideal para mostrar solo un contacto.

Funcionalidades esperadas

  • Debe agregar el código necesario para que su aplicación cree, edite, y eliminar contactos de la lista.

  • (Opcional, pero es un punto a favor) Pídale al usuario la confirmación antes de borrar, use la Componente modal para eso.

¡Eso es! Comience a codificar su aplicación ReactJS + Flux.

Regístrate para obtener acceso a proyectos similares

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Dificultad

  • intermediate

Duración promedio

24 hrs

Tecnologías

Dificultad

  • intermediate

Duración promedio

24 hrs

Tecnologías

Dificultad

  • intermediate

Duración promedio

24 hrs

Tecnologías

Dificultad

  • intermediate

Duración promedio

24 hrs

Tecnologías

Regístrate para obtener acceso a proyectos similares

Lo usaremos para darte acceso a la comunidad.
¿Ya tienes una cuenta? Inicia sesión aquí.

Dificultad

  • intermediate

Duración promedio

24 hrs

Tecnologías

Dificultad

  • intermediate

Duración promedio

24 hrs

Tecnologías