{"id":16479593,"url":"https://github.com/sonyarianto/react-without-buildsteps","last_synced_at":"2025-09-02T01:33:20.930Z","repository":{"id":171402523,"uuid":"647885376","full_name":"sonyarianto/react-without-buildsteps","owner":"sonyarianto","description":"Oh boy, this skeleton project is dedicated to CDN fans around the world.","archived":false,"fork":false,"pushed_at":"2024-12-09T04:17:04.000Z","size":70,"stargazers_count":17,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-04-08T10:50:12.309Z","etag":null,"topics":["babel","cdn","javascript","react","react-router-dom","reactjs","static-site"],"latest_commit_sha":null,"homepage":"https://react-without-buildsteps.vercel.app","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sonyarianto.png","metadata":{"files":{"readme":"README.md","changelog":null,"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":"sonyarianto","custom":["https://paypal.me/sonyarianto"]}},"created_at":"2023-05-31T18:26:27.000Z","updated_at":"2025-01-25T18:04:05.000Z","dependencies_parsed_at":null,"dependency_job_id":"99385c43-48fe-46f2-9830-4abe35b21b61","html_url":"https://github.com/sonyarianto/react-without-buildsteps","commit_stats":null,"previous_names":["sonyarianto/react-without-buildstep"],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/sonyarianto/react-without-buildsteps","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonyarianto%2Freact-without-buildsteps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonyarianto%2Freact-without-buildsteps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonyarianto%2Freact-without-buildsteps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonyarianto%2Freact-without-buildsteps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sonyarianto","download_url":"https://codeload.github.com/sonyarianto/react-without-buildsteps/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonyarianto%2Freact-without-buildsteps/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273218428,"owners_count":25065913,"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","status":"online","status_checked_at":"2025-09-01T02:00:09.058Z","response_time":120,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":["babel","cdn","javascript","react","react-router-dom","reactjs","static-site"],"created_at":"2024-10-11T12:52:18.711Z","updated_at":"2025-09-02T01:33:20.880Z","avatar_url":"https://github.com/sonyarianto.png","language":"HTML","funding_links":["https://github.com/sponsors/sonyarianto","https://paypal.me/sonyarianto"],"categories":[],"sub_categories":[],"readme":"[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fsonyarianto%2Freact-without-buildsteps)\n\n# react-without-buildsteps\nWhy? Why not. This skeleton project is dedicated to:\n-  CDN fans around the world.\n-  jQuery lovers around the world but want to use React the way like using jQuery.\n-  People that want to see and how to use React without any build steps.\n-  People that hate `npm install` things.\n-  People that hate build steps.\n-  People that want to learn React from different perspective and angle.\n-  People that interested to extend this simple code.\n-  People that loves JSX and still want to use it on React without any build steps.\n-  Myself, that want to have documentation about using React with CDN.\n\n## Installation\nNo, there is no installation.\n\n## Where is the `npm install` things?\nNo, there is no `npm install` things.\n\n## Then how to run?\nJust run using your favorite static web server. My favorite is `php -S 0.0.0.0:3000` on current repo directory, buahahaha. Errrr you know better lah. My other favorite static web server is using `Live Preview` extension from inside Visual Studio Code.\n\nIn this repository there is a file called `index.html`. Yes, that's it. That's the code that contains the HTML, JS (React code, router etc) and no CSS (just standard styling). You can extend it to the maxxxx.\n\n## What's included on this skeleton project\n- Single `index.html` file that contains all code.\n- Simple SPA (Single Page Application) website with React (React and React DOM).\n- Using Router, React Router and React Router DOM (all CDN version).\n- Using Babel standalone version (CDN). I know standalone is not for production, but hey relaxxx bro. Babel is used here to handle JSX, so you still can use your JSX in this project.\n- Simple two page components (Home and About) and a header component (Header) to represent the component things.\n\n## What CDNs used here?\n\n```\nreact\nreact-dom\nreact-router\nreact-router-dom\n@remix-run/router\n@babel/standalone\n```\n\n## Demo\n\nhttps://react-without-buildsteps.vercel.app\n\nand just view source it. Easy deployment to Vercel or other static hosting.\n\n## License\n\nMIT\n\nCopyright \u0026copy; 2023 Sony Arianto Kurniawan \u003c\u003csony@sony-ak.com\u003e\u003e and contributors.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonyarianto%2Freact-without-buildsteps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsonyarianto%2Freact-without-buildsteps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonyarianto%2Freact-without-buildsteps/lists"}