{"id":13452133,"url":"https://github.com/assuncaocharles/create-react-app-parcel","last_synced_at":"2025-04-06T06:09:23.355Z","repository":{"id":57344161,"uuid":"133084103","full_name":"assuncaocharles/create-react-app-parcel","owner":"assuncaocharles","description":"Create react apps with parcel instead of webpack cos why not","archived":false,"fork":false,"pushed_at":"2019-10-18T13:11:43.000Z","size":230,"stargazers_count":416,"open_issues_count":3,"forks_count":30,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-03-30T05:05:32.429Z","etag":null,"topics":[],"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/assuncaocharles.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}},"created_at":"2018-05-11T20:09:31.000Z","updated_at":"2024-02-26T18:53:15.000Z","dependencies_parsed_at":"2022-09-11T09:00:48.521Z","dependency_job_id":null,"html_url":"https://github.com/assuncaocharles/create-react-app-parcel","commit_stats":null,"previous_names":["sw-yx/create-react-app-parcel"],"tags_count":35,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/assuncaocharles%2Fcreate-react-app-parcel","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/assuncaocharles%2Fcreate-react-app-parcel/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/assuncaocharles%2Fcreate-react-app-parcel/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/assuncaocharles%2Fcreate-react-app-parcel/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/assuncaocharles","download_url":"https://codeload.github.com/assuncaocharles/create-react-app-parcel/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247441052,"owners_count":20939239,"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":[],"created_at":"2024-07-31T07:01:14.159Z","updated_at":"2025-04-06T06:09:23.338Z","avatar_url":"https://github.com/assuncaocharles.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# Create React App Parcel 💩\n\n\u003e create react apps with parcel instead of webpack cos why not\n\nPreconfigured Features that come with your Parcel setup:\n\n- [babel-preset-react-app](https://github.com/facebook/create-react-app/tree/next/packages/babel-preset-react-app) so you can use the exact same JS features that come with create-react-app (eg public class fields)\n- improved `App.js` to show off the babel preset features (click on the React logo!)\n- serviceWorker available but off by default (similar to the coming create-react-app 2.0 setup)\n- [preconfigured build setup](https://github.com/sw-yx/create-react-app-parcel/blob/master/packages/react-scripts-parcel/config/parcel.config.prod.js) based on the [ParcelJS API](https://parceljs.org/api.html)\n- nice eject experience that doesnt saddle you with a million webpack plugins\n- as far as possible, same DX as create-react-app (eg checks if you use `yarn` or `npm`, environment variables all the same)\n  - in particular it's a fork of create-react-app v2.0 so you also get features like [babel-plugin-macros](https://www.youtube.com/watch?v=nlAHtAQlFGk\u0026list=WL\u0026index=38) for free! 🔥\n\n---\n\n# Using C.R.A.P.\n\n```bash\nnpx create-react-app-parcel my-app\n\n## or install it:\n# npm i -g create-react-app-parcel\n# crap my-app\n\ncd my-app\nyarn start\n```\n\nand presto! (try clicking the react icon)\n\n![image](https://user-images.githubusercontent.com/35976578/39971555-35dfcffa-56cb-11e8-973e-346d265a6638.png)\n\n# C.R.A.P. structure\n\nYou will have a very simple folder structure, same as `create-react-app`:\n\n```\nmy-app\n├── README.md\n├── node_modules\n├── package.json\n├── .gitignore\n├── public\n│   └── favicon.ico\n│   └── index.html\n│   └── manifest.json\n└── src\n    └── App.css\n    └── App.js\n    └── App.test.js\n    └── index.css\n    └── index.js\n    └── logo.svg\n    └── registerServiceWorker.js\n```\n\nNo configuration or complicated folder structures, just the files you need to build your app.\n\n---\n\n# `react-scripts-parcel` API guide\n\n### `npm start` or `yarn start`\n\nRuns the app in development mode.\u003cbr\u003e\nOpen [http://localhost:1234](http://localhost:1234) to view it in the browser.\n\nThe page will automatically reload if you make changes to the code.\u003cbr\u003e\nYou will see the build errors and lint warnings in the console.\n\n### `npm test` or `yarn test`\n\n⚠️ warning: this functionality is untested for now\n\n### `npm run build` or `yarn build`\n\nBuilds the app for production to the `dist` folder.\u003cbr\u003e\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003cbr\u003e\n\nYour app is ready to be deployed.\n\n### `yarn eject`\n\nejects you out of this shiznit like so\n\n## How this was made\n\nCheck out the slide deck at \u003chttps://twitter.com/swyx/status/999474452571283456\u003e and \u003chttps://www.beautiful.ai/player/-LD4eaMxlqSlCy6biPmZ/Creating-Create-React-App/1?ref=github-crap\u003e. Also check out the [talk video here](https://www.youtube.com/watch?v=Et571vTAtT8)!\n\n\u003ca href=\"https://www.youtube.com/watch?v=Et571vTAtT8\"\u003e\u003cimg src=\"https://user-images.githubusercontent.com/6764957/43364597-37d636f8-92eb-11e8-8ae7-ca98e5b805af.png\" alt=\"creating CRAP\" width=\"200\"\u003e\u003c/a\u003e\n\n## Contributing\n\nWe'd love to have your helping hand on `create-react-app-parcel`! Ping me on twitter [@assuncaocharles](https://twitter.com/assuncaocharles) to discuss or file an issue, this is super new\n\n## Acknowledgements\n\nWe are grateful to the authors of existing related projects for their ideas and collaboration:\n\n- [create-react-app (@danabramov)](https://github.com/facebook/create-react-app)\n- [parcel (@jamiebuilds, @devongovett)](https://github.com/parcel-bundler/parcel)\n\n## License\n\nCreate React App Parcel is open source software [licensed as MIT](https://github.com/facebook/create-react-app/blob/master/LICENSE).\n\n## Official Emoji\n\nof course it's the 💩\n\n## Alternatives\n\nThere's this dinky little me-too project called [create-react-app](https://github.com/facebook/create-react-app), send them some love, who knows they could be big someday.\n\nAlso for **Typescript** users a custom script exists: https://github.com/sw-yx/create-react-app-parcel-typescript\n\n```\ncrap my-ts-app --scripts-version=create-react-app-parcel-typescript\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fassuncaocharles%2Fcreate-react-app-parcel","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fassuncaocharles%2Fcreate-react-app-parcel","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fassuncaocharles%2Fcreate-react-app-parcel/lists"}