{"id":20865657,"url":"https://github.com/adeelibr/react-understanding","last_synced_at":"2026-04-26T19:31:25.205Z","repository":{"id":101973030,"uuid":"313116033","full_name":"adeelibr/react-understanding","owner":"adeelibr","description":"Understanding of how react works internally","archived":false,"fork":false,"pushed_at":"2020-11-18T22:40:05.000Z","size":14,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-12-12T22:42:35.630Z","etag":null,"topics":["adeel","adeel-imran","javascript","js","learning","learning-by-doing","react","react-dom","react-hooks"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/adeelibr.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":"2020-11-15T20:22:11.000Z","updated_at":"2020-11-18T22:40:07.000Z","dependencies_parsed_at":null,"dependency_job_id":"a81fb3fb-a644-4ece-9e0a-dbf5e21dcc45","html_url":"https://github.com/adeelibr/react-understanding","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/adeelibr/react-understanding","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeelibr%2Freact-understanding","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeelibr%2Freact-understanding/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeelibr%2Freact-understanding/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeelibr%2Freact-understanding/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adeelibr","download_url":"https://codeload.github.com/adeelibr/react-understanding/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adeelibr%2Freact-understanding/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32310804,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T19:15:34.056Z","status":"ssl_error","status_checked_at":"2026-04-26T19:15:15.467Z","response_time":129,"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":["adeel","adeel-imran","javascript","js","learning","learning-by-doing","react","react-dom","react-hooks"],"created_at":"2024-11-18T05:50:19.554Z","updated_at":"2026-04-26T19:31:25.187Z","avatar_url":"https://github.com/adeelibr.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## How to run 🌋\n\nThis repository only uses `parcel` for bundling \u0026 2 `babel` presets namely\n\n- @babel/preset-env: \"^7.12.1\"\n- @babel/preset-react: \"^7.12.5\"\n\nThis repository has 3 chapters, in order to run each chapter all you have to do\nis after cloning this repository.\n\n- Go in your folder root directory \u0026 run `npm install` / `yarn install`\n- Once the dependencies have been installed to run each chapter you can run the\ncommand below\n\n```code\n  npm run start:chapter::1; // will run chapter 1\n  npm run start:chapter::2; // will run chapter 2\n  npm run start:chapter::3; // will run chapter 3\n```\n\n## Purpose 🦮\n\nFor understanding how react works internally, so hopefully one day I can commit\nsomething important to the react code base itself.\n\nHow react works, how does it reconciliate, how do hooks works, how do they maintain\nthere states and everything I learn will be added to this codebase.\n\n[This for personal learning only]\n\n## Great talks 🐤\n\n- https://www.youtube.com/watch?v=_MAD4Oly9yg - Paul O Shannessy\n- https://www.youtube.com/watch?v=f2mMOiCSj5c - Tejas Kumar\n- https://www.youtube.com/watch?v=gR3vQmd34S8 - Nir Kaufman\n- https://www.youtube.com/watch?v=fKlt5GFQnVc - Shawn Wang\n- https://www.youtube.com/watch?v=dFO4m7Y-yhs - Shawn Wang\n\n## Brilliant blog posts 🐐\n\n- https://pomb.us/build-your-own-react/ - Rodrigo Pombo\n\n## Source code 🦜\n\n- https://unpkg.com/react@17/umd/react.development.js - React developement compiled code\n\n## Code walk through 🐐\n\n- https://www.youtube.com/watch?v=aS41Y_eyNrU - Dan Abramov\n\n## Find me 🐌\n\n✨✨ twitter.com/adeelibr\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadeelibr%2Freact-understanding","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadeelibr%2Freact-understanding","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadeelibr%2Freact-understanding/lists"}