{"id":19839685,"url":"https://github.com/angelou20/react-component-patterns","last_synced_at":"2025-02-28T19:17:29.033Z","repository":{"id":216558827,"uuid":"741645633","full_name":"AngelOU20/react-component-patterns","owner":"AngelOU20","description":null,"archived":false,"fork":false,"pushed_at":"2024-02-13T15:31:50.000Z","size":2220,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-11T11:25:00.395Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AngelOU20.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-10T20:23:50.000Z","updated_at":"2024-01-10T20:35:27.000Z","dependencies_parsed_at":"2024-11-12T12:37:47.409Z","dependency_job_id":null,"html_url":"https://github.com/AngelOU20/react-component-patterns","commit_stats":null,"previous_names":["angelou20/react-component-patterns"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AngelOU20%2Freact-component-patterns","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AngelOU20%2Freact-component-patterns/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AngelOU20%2Freact-component-patterns/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AngelOU20%2Freact-component-patterns/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AngelOU20","download_url":"https://codeload.github.com/AngelOU20/react-component-patterns/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":241209546,"owners_count":19927735,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T12:23:55.819Z","updated_at":"2025-02-28T19:17:29.005Z","avatar_url":"https://github.com/AngelOU20.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Patrones de Componentes, Estilos Extensibles y Control Props en React\n\nEste 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.\n\n## Contenido\n\n1. **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:\n\n   - Render Props\n   - Componentes de Orden Superior (HOC)\n   - Componentes Controlados\n   - Componentes No Controlados\n   - Compound Components\n\n2. **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.\n\n3. **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.\n\n4. **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`.\n\n## Cómo usar este repositorio\n\nPara utilizar este repositorio, sigue estos pasos:\n\n1. Clona el repositorio: `git clone https://github.com/AngelOU20/react-component-patterns.git`\n2. Instala las dependencias: `npm install`\n3. Inicia la aplicación: `npm start`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangelou20%2Freact-component-patterns","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fangelou20%2Freact-component-patterns","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fangelou20%2Freact-component-patterns/lists"}