{"id":22051906,"url":"https://github.com/ohansemmanuel/astrojs-ditch-the-runtime-react","last_synced_at":"2026-05-10T02:35:17.167Z","repository":{"id":98263072,"uuid":"588324882","full_name":"ohansemmanuel/astrojs-ditch-the-runtime-react","owner":"ohansemmanuel","description":"A case for AstroJS. Ditch the client runtime overhead where appropriate 🤝","archived":false,"fork":false,"pushed_at":"2023-01-16T15:44:07.000Z","size":122,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-14T22:52:28.253Z","etag":null,"topics":["astro","astrojs","reactjs"],"latest_commit_sha":null,"homepage":"https://astrojs-ditch-the-runtime-react.netlify.app/","language":"Astro","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/ohansemmanuel.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":"2023-01-12T21:19:28.000Z","updated_at":"2023-05-09T05:31:27.000Z","dependencies_parsed_at":"2023-03-13T16:03:52.401Z","dependency_job_id":null,"html_url":"https://github.com/ohansemmanuel/astrojs-ditch-the-runtime-react","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ohansemmanuel%2Fastrojs-ditch-the-runtime-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ohansemmanuel%2Fastrojs-ditch-the-runtime-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ohansemmanuel%2Fastrojs-ditch-the-runtime-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ohansemmanuel%2Fastrojs-ditch-the-runtime-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ohansemmanuel","download_url":"https://codeload.github.com/ohansemmanuel/astrojs-ditch-the-runtime-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245121939,"owners_count":20564213,"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":["astro","astrojs","reactjs"],"created_at":"2024-11-30T15:12:02.731Z","updated_at":"2026-05-10T02:35:17.116Z","avatar_url":"https://github.com/ohansemmanuel.png","language":"Astro","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Astro: ditch the runtime (React)\n\nAn astro clone of a [React starter project](https://create-react-app.dev) for educational purposes.\n\n\u003cbr /\u003e\n\n## Aim 🎯\n\nTo make a **simple** comparison between a similar Astro and React project and consider the runtime implication.\n\nResults upon building the same project:\n\n| Library   | file        | loc(lines of code) | size      |     |\n| --------- | ----------- | ------------------ | --------- | --- |\n| Astro     | index.html  | 44                 | 1kb       |     |\n| React     | index.html  | 23                 | 744b      |     |\n| **Astro** | **main.js** | **0**              | **0kb**   |     |\n| **React** | **main.js** | **9,360**          | **318kb** |     |\n| Astro     | main.css    | 43                 | 872b      |     |\n| React     | main.css    | 56                 | 1kb       |     |\n\n\u003cbr /\u003e\n\n## Conclusion 🥂\n\nThe effect of asset optimisation in both libraries is arguably negligible. The major difference is the amount of Javascript shipped to the client.\n\n**Astro ships none by default.**\n\n**React ships over 9000+ lines of Javascript** for the same trivial application, with the React runtime overhead being the major culprit.\n\n\u003cbr /\u003e\n\n## Run the project 🛖\n\n```bash\n  git clone https://github.com/ohansemmanuel/astrojs-ditch-the-runtime-react.git\n  cd astrojs-ditch-the-runtime-react\n  npm install\n  npm run start\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fohansemmanuel%2Fastrojs-ditch-the-runtime-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fohansemmanuel%2Fastrojs-ditch-the-runtime-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fohansemmanuel%2Fastrojs-ditch-the-runtime-react/lists"}