{"id":15598516,"url":"https://github.com/jofaval/react-from-the-ground-up","last_synced_at":"2026-02-05T05:33:51.972Z","repository":{"id":125618370,"uuid":"521684374","full_name":"jofaval/react-from-the-ground-up","owner":"jofaval","description":"React repository for a compendium of react knowledge, both on personal projects and professional experience","archived":false,"fork":false,"pushed_at":"2023-09-30T23:35:52.000Z","size":198,"stargazers_count":2,"open_issues_count":7,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-07-14T19:04:00.550Z","etag":null,"topics":["advanced","beginner","computer-science","intermediate","javascript","nextjs","react","react-saga","reactjs","redux","redwoodjs","remix","software-engineering","typescript","zero-to-hero"],"latest_commit_sha":null,"homepage":"","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/jofaval.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","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},"funding":{"github":"jofaval"}},"created_at":"2022-08-05T15:15:28.000Z","updated_at":"2023-10-01T07:50:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"5bf824ce-fde3-4488-b665-b59a9834f84f","html_url":"https://github.com/jofaval/react-from-the-ground-up","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jofaval/react-from-the-ground-up","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jofaval%2Freact-from-the-ground-up","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jofaval%2Freact-from-the-ground-up/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jofaval%2Freact-from-the-ground-up/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jofaval%2Freact-from-the-ground-up/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jofaval","download_url":"https://codeload.github.com/jofaval/react-from-the-ground-up/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jofaval%2Freact-from-the-ground-up/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29113685,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-05T05:31:32.482Z","status":"ssl_error","status_checked_at":"2026-02-05T05:31:29.075Z","response_time":65,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["advanced","beginner","computer-science","intermediate","javascript","nextjs","react","react-saga","reactjs","redux","redwoodjs","remix","software-engineering","typescript","zero-to-hero"],"created_at":"2024-10-03T01:40:27.361Z","updated_at":"2026-02-05T05:33:51.958Z","avatar_url":"https://github.com/jofaval.png","language":"JavaScript","funding_links":["https://github.com/sponsors/jofaval"],"categories":[],"sub_categories":[],"readme":"# React, from the ground up\n\nReact From Zero to Hero or From the Ground Up\n\n## Contents\n\n1. [Introduction](#introduction)\n   1. [React](#react)\n1. [Lessons](#lessons)\n1. [Assessments](#assessments)\n1. [Examples](#examples)\n\n## Introduction\n\n[⬆ Back to the contents](#contents)\n\nJavaScript is an EDD (Event-Driven Development) language with a functional paradigm and prototype chaining.\n\nTypeScript is the typed, and thus safer, version of JavaScript. Is it recomended? Yes, maybe as a beginner it may be hard, but it sure will be worth it on the long run.\n\n### React\n\n[⬆ Back to the contents](#contents)\n\nReact nurtures from the events, this is something to have in mind while trying to understand React, and probably other JS frameworks.\nCreated by Meta (previously Facebook), [https://github.com/facebook/react](https://github.com/facebook/react).\n\nContrary to many other (JS) frameworks out there, React doesn't provide the solutions, rather, it gives you the tools to find the solution that better fits your needs/requirements. But it is true that React is just a library, a really powerful library, but not a framework.\n\n## Slides\n\nI've also decided to include slides for those visual learners. And because they may be easier to maintain, or more visually appealing at least.\n\nAll the slidewse are at it's respective folder at [`/slides`](./slides/).\n\n## Lessons\n\n[⬆ Back to the contents](#contents)\n\nYou can also check the lessons content at the [`/lesssons`](./lessons/) folder.\n\nIt's categorized to my own like, perspectives, opinions and experience. And it's not necessarily, intermediate do this and that, or this is harder or easier, it's just, maybe, how I would have liked to actually learn react if I were to start all over again.\n\n0. [Fundamentals](./lessons/0.-Fundamentals/)\n   1. [Pure functions](./lessons/0.-Fundamentals/1.-pure-functions/)\n   1. [Memoization](./lessons/0.-Fundamentals/2.-memoization/)\n   1. [Promises](./lessons/0.-Fundamentals/3.-promises/)\n   1. [TypeScript](./lessons/0.-Fundamentals/4.-typescript/)\n   1. [Closures](./lessons/0.-Fundamentals/5.-closures/)\n   1. [HOCs](./lessons/0.-Fundamentals/6.-hoc/)\n1. [Beginner](./lessons/1.-Beginner/)\n   1. [JSX](./lessons/1.-Beginner/0.-jsx/)\n   1. [Components](./lessons/1.-Beginner/1.-components/)\n   1. [Life Cycle](./lessons/1.-Beginner/2.-life-cycle/)\n   1. [React Hooks](./lessons/1.-Beginner/3.-hooks/)\n   1. [Classes](./lessons/1.-Beginner/4.-classes/)\n   1. [Error Boundary](./lessons/1.-Beginner/5.-error-boundary/)\n2. [Intemediate](./lessons/2.-Intemediate/)\n   1. [Context API](./lessons/2.-Intemediate/.-context/)\n   1. [React Hooks](./lessons/2.-Intemediate/.-hooks/)\n   1. [HOCs](./lessons/2.-Intemediate/.-hocs/)\n   1. [Suspense](./lessons/2.-Intemediate/.-suspense/)\n3. [Advanced](./lessons/3.-Advanced/)\n   1. [React Hooks](./lessons/3.-Advanced/.-hooks/)\n   1. [Structure](./lessons/3.-Advanced/.-structure/)\n   1. [Concurrent](./lessons/3.-Advanced/.-concurrent/)\n4. [Extensions](./lessons/.-Extensions/)\n   1. [React Dev Tools](./lessons/.-Extensions/react-dev-tools/)\n   1. [Redux Dev Tools](./lessons/.-Extensions/redux-dev-tools/)\n5. [Libraries](./lessons/.-Libraries/)\n   1. [Enzyme](./lessons/.-Libraries/.-enzyme/)\n   1. [Prettier](./lessons/.-Libraries/.-prettier/)\n   1. [React Error Boundary](./lessons/.-Libraries/.-react-error-boundary/)\n   1. [React Intl](./lessons/.-Libraries/.-react-intl/)\n   1. [React Query](./lessons/.-Libraries/.-react-query/)\n   1. [React Redux](./lessons/.-Libraries/.-react-redux/)\n   1. [React Router](./lessons/.-Libraries/.-react-router/)\n   1. [React Saga](./lessons/.-Libraries/.-react-saga/)\n   1. [Styled Components](./lessons/.-Libraries/.-styled-components/)\n6. [Frameworks](./lessons/.-Frameworks/)\n   1. [Astro](./lessons/.-Frameworks/.-astro/)\n   1. [Docusaurus](./lessons/.-Frameworks/.-docusaurus)\n   1. [Gatsby](./lessons/.-Frameworks/.-gatsby/)\n   1. [NextJS](./lessons/.-Frameworks/.-next.js/)\n   1. [React Native](./lessons/.-Frameworks/.-react-native/)\n   1. [Redwood](./lessons/.-Frameworks/.-redwood.js/)\n   1. [Remix](./lessons/.-Frameworks/.-remix.js/)\n\n## Assessments\n\n[⬆ Back to the contents](#contents)\n\nYou can find some assessments at [`/assessments`](./assessments/).\n\n1. [Todo List](./assessments/todo-list/)\n\n## Examples\n\n[⬆ Back to the contents](#contents)\n\nYou can find some examples at [`/examples`](./examples/).\n\n1. [Hello World](./examples/hello-world/)\n1. [Good Input](./examples/good-input/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjofaval%2Freact-from-the-ground-up","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjofaval%2Freact-from-the-ground-up","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjofaval%2Freact-from-the-ground-up/lists"}