Skip to content

README.md

Latest commit

 

History

History
51 lines (34 loc) · 2.37 KB

README.md

File metadata and controls

51 lines (34 loc) · 2.37 KB

Patrones de Diseño Creacionales en ReactJS

Este repositorio contiene implementaciones y ejemplos de los 5 patrones de diseño creacionales aplicados en ReactJS. Cada patrón está diseñado para resolver problemas específicos relacionados con la creación de objetos, permitiendo una mayor flexibilidad y reutilización del código.

Estructura del Repositorio

El repositorio está organizado en 5 carpetas principales, cada una representando un patrón de diseño creacional. Dentro de cada carpeta, encontrarás dos archivos principales: uno define el patrón y otro proporciona un ejemplo práctico de cómo utilizar el patrón en un contexto de ReactJS.

  • Singleton: Garantiza que una clase tenga una única instancia y proporciona un punto de acceso global a ella.
  • Factory Method: Define una interfaz para crear un objeto, pero deja que las subclases decidan qué clase instanciar.
  • Abstract Factory: Proporciona una interfaz para crear familias de objetos relacionados sin especificar sus clases concretas.
  • Builder: Separa la construcción de un objeto complejo de su representación, permitiendo el mismo proceso de construcción para crear diferentes representaciones.
  • Prototype: Crea nuevos objetos clonándolos a partir de un objeto existente.

Cómo Utilizar

Para explorar los ejemplos, navega a la carpeta correspondiente al patrón de diseño que te interesa. Dentro de cada carpeta, encontrarás dos archivos:

  1. definitionPattern.js - Define el patrón de diseño y proporciona una descripción general de cómo se implementa.
  2. realExamplePattern.js - Un ejemplo práctico que demuestra cómo aplicar el patrón de diseño en un escenario del mundo real usando ReactJS.

Requisitos

Para ejecutar los ejemplos, necesitarás tener instalado:

  • Node.js

Instalación y Ejecución

  1. Clona el repositorio: 
    git clone https://github.com/tu-usuario/tu-repositorio.git
  2. Navega a la carpeta del ejemplo que deseas ejecutar.
  3. Instala las dependencias necesarias (si es aplicable): 
    npm install
  4. Ejecuta el ejemplo: 
    node nombre-del-archivo

Contribuir

Las contribuciones son bienvenidas. Si tienes alguna mejora, corrección o ampliación de los ejemplos, no dudes en abrir un pull request o crear un issue.

Licencia

Este proyecto está bajo la licencia MIT. Consulta el archivo LICENSE para más detalles.