https://github.com/angelou20/react-component-patterns
https://github.com/angelou20/react-component-patterns
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/angelou20/react-component-patterns
- Owner: AngelOU20
- Created: 2024-01-10T20:23:50.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-13T15:31:50.000Z (over 2 years ago)
- Last Synced: 2025-01-11T11:25:00.395Z (over 1 year ago)
- Language: TypeScript
- Size: 2.12 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Patrones de Componentes, Estilos Extensibles y Control Props en React
Este repositorio contiene ejemplos y prácticas de patrones de componentes, estilos extensibles y control props en React. Los conceptos y ejemplos se basan en el curso React Pro de Udemy.
## Contenido
1. **Patrones de Componentes**: Los patrones de componentes son técnicas que se pueden utilizar para hacer que los componentes sean más reutilizables, legibles y organizados. Algunos de los patrones que se exploran en este repositorio incluyen:
- Render Props
- Componentes de Orden Superior (HOC)
- Componentes Controlados
- Componentes No Controlados
- Compound Components
2. **Estilos Extensibles**: Este concepto se refiere a la capacidad de un componente para aceptar estilos personalizados desde el exterior, permitiendo una mayor flexibilidad y reutilización.
3. **Control Props**: Este patrón permite que un componente controle su estado interno, pero también permite que su estado sea controlado por un componente padre.
4. **Lazy Loading**: Lazy loading, o carga diferida, es una técnica de optimización que consiste en cargar ciertos elementos de la aplicación sólo cuando son necesarios. En este repositorio, se explora cómo implementar lazy loading en React utilizando `React.lazy` y `Suspense`.
## Cómo usar este repositorio
Para utilizar este repositorio, sigue estos pasos:
1. Clona el repositorio: `git clone https://github.com/AngelOU20/react-component-patterns.git`
2. Instala las dependencias: `npm install`
3. Inicia la aplicación: `npm start`