Skip to content

dimas4dev/PatronesCreacionales

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published