{"id":21602072,"url":"https://github.com/ger86/coronavirus","last_synced_at":"2025-08-01T10:05:57.380Z","repository":{"id":42919521,"uuid":"247112736","full_name":"ger86/coronavirus","owner":"ger86","description":"React en los tiempos del coronavirus es un curso completo sobre React que grabé durante los primeros días del confinamiento para mi canal de Youtube con el objetivo de hacer más amenos esos días encerrados en casa. ","archived":false,"fork":false,"pushed_at":"2023-01-06T02:39:49.000Z","size":2156,"stargazers_count":8,"open_issues_count":20,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-10T12:26:05.834Z","etag":null,"topics":["formik","react","react-context","react-context-api","react-hook","react-hooks","react-redux","react-router","react-router-v4","reactjs","redux","styled-components"],"latest_commit_sha":null,"homepage":"https://www.youtube.com/playlist?list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ger86.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-03-13T16:15:55.000Z","updated_at":"2024-06-22T13:41:20.000Z","dependencies_parsed_at":"2023-02-05T03:31:15.974Z","dependency_job_id":null,"html_url":"https://github.com/ger86/coronavirus","commit_stats":null,"previous_names":[],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ger86%2Fcoronavirus","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ger86%2Fcoronavirus/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ger86%2Fcoronavirus/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ger86%2Fcoronavirus/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ger86","download_url":"https://codeload.github.com/ger86/coronavirus/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248329694,"owners_count":21085583,"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":["formik","react","react-context","react-context-api","react-hook","react-hooks","react-redux","react-router","react-router-v4","reactjs","redux","styled-components"],"created_at":"2024-11-24T19:11:55.722Z","updated_at":"2025-04-11T02:32:32.273Z","avatar_url":"https://github.com/ger86.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🦠 React en los tiempos del coronavirus 🦠\n\n\u003cimg src=\"https://raw.githubusercontent.com/ger86/coronavirus/master/cover.jpg\" alt=\"React en los tiempos del coronavirus\"\u003e\n\n## Descripción\n\n**React en los tiempos del coronavirus** es un curso completo sobre React que grabé durante los primeros días del confinamiento para mi canal de Youtube con el objetivo de hacer más amenos esos días encerrados en casa. \n\nEl curso se compone de **14 sesiones**, cada una de ellas centrada en un tema distinto pero todas ellas centradas en explicar cómo desarrollar una aplicación que permita consumir una API externa para mostrar información. \n\nEn este repositorio podrás encontrar el proyecto final así como el código asociado a cada uno de los capítulos en las etiquetas correspondientes. Por ejemplo, el código desarrollado hasta el capítulo 4 se encuentra en la etiqueta 0.4.0, así creo que te resultará mucho más sencillo ver y comprender el curso.\n\n## Capítulos\n\nEste curso de introducción a React se compone de los siguientes capítulos:\n\n1. [Introducción a React](https://www.youtube.com/watch?v=ZRkEhWU9Lfs\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=2\u0026t=1s)\n2. [Consumo de API's externas y estado de los componentes](https://www.youtube.com/watch?v=mRQJwsX2qo0\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=3\u0026t=0s)\n3. [PropTypes, Styled Components y el hook `useEffect`](https://www.youtube.com/watch?v=6pR4zBO58V8\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=4\u0026t=2s)\n4. [React Router y nuestro primer custom hook](https://www.youtube.com/watch?v=VmAMwf4NfMU\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=5\u0026t=692s)\n5. [La API Context de React y Dark Theme](https://www.youtube.com/watch?v=u7Vvv9zqx5g\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=6\u0026t=2s)\n6. [Suspense / lazy y limpieza del código](https://www.youtube.com/watch?v=hBB0kEZC0eU\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=7\u0026t=2s)\n7. [Formularios](https://www.youtube.com/watch?v=-LUzwVwWclw\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=8\u0026t=0s)\n8. [Gestionando un input file y el hook `useReducer`](https://www.youtube.com/watch?v=vkqs-e1SPps\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=9\u0026t=0s)\n9. [En directo para resolver dudas](https://www.youtube.com/watch?v=gaM3hNKW8QA\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=10\u0026t=0s)\n10. [La librería Formik](https://www.youtube.com/watch?v=3zSgzaPp1gg\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=11\u0026t=0s)\n11. [La librería Redux](https://www.youtube.com/watch?v=I84MUTmHIPI\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=12\u0026t=0s)\n12. [Creando una extensión para Chrome y habilitando el modo offline](https://www.youtube.com/watch?v=ixj7wtax8e0\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=13\u0026t=11s)\n13. [Autenticación y protección de rutas](https://www.youtube.com/watch?v=ZyKKP3rWSzU\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=14\u0026t=2s)\n14. [Errores comunes e integración con Google Charts](https://www.youtube.com/watch?v=dmZofk2t0lE\u0026list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5\u0026index=15\u0026t=3s)\n\n🗂 Lista completa de reproducción: [https://www.youtube.com/playlist?list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5](https://www.youtube.com/playlist?list=PLC8ntN5__iMIW-W-lia8uv3akGXGUi6I5)\n\n## Ejecutar el proyecto\n\nEjecuta `yarn start` para correr la aplicación en modo desarrollo y abre en tu navegador la dirección http://localhost:3000 para verlo.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fger86%2Fcoronavirus","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fger86%2Fcoronavirus","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fger86%2Fcoronavirus/lists"}