{"id":20764196,"url":"https://github.com/zitsen/parcel-react-template.js","last_synced_at":"2026-04-21T00:32:25.932Z","repository":{"id":42972532,"uuid":"124476439","full_name":"zitsen/parcel-react-template.js","owner":"zitsen","description":null,"archived":false,"fork":false,"pushed_at":"2023-02-10T04:32:41.000Z","size":403,"stargazers_count":0,"open_issues_count":4,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-01-18T05:48:47.695Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/zitsen.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-03-09T02:31:09.000Z","updated_at":"2022-02-11T02:38:03.000Z","dependencies_parsed_at":"2023-02-15T06:25:39.946Z","dependency_job_id":null,"html_url":"https://github.com/zitsen/parcel-react-template.js","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/zitsen%2Fparcel-react-template.js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zitsen%2Fparcel-react-template.js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zitsen%2Fparcel-react-template.js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/zitsen%2Fparcel-react-template.js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/zitsen","download_url":"https://codeload.github.com/zitsen/parcel-react-template.js/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243086236,"owners_count":20234004,"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-11-17T10:49:09.859Z","updated_at":"2025-12-25T00:39:38.502Z","avatar_url":"https://github.com/zitsen.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Parcel React Template\n\nFeatures:\n\n- Using [Parcel] bundler(instead of [Webpack])\n- ES6 support with [Babel]\n- Syntax checking and fixing with [Standard] tool\n- Pre-commit coding format using [Husky], along with custom git hooks support\n- SCSS support with [node-sass]\n- Also, with all advanced features benifit from [Parcel]\n\nFeatures todo:\n\n- [ ] Unit test\n- [ ] Redux\n- [ ] SSR?\n- [ ] PWA?\n\n[Parcel]: https://parceljs.org/\n[Webpack]: https://webpack.js.org/\n[Babel]: https://babeljs.io/\n[Standard]: https://standardjs.com/\n[Husky]: https://github.com/typicode/husky\n[node-sass]: https://github.com/sass/node-sass\n\nFrom scratch:\n\n```\nyarn add --dev parcel-bundler babel-preset-env babel-preset-react husky node-sass standard\nyarn add react react-dom\n```\n\nAdd scripts and hooks:\n\n```json\n{\n  \"scripts\": {\n    \"lint\": \"standard --fix\",\n    \"dev\": \"parcel demo/index.html\",\n    \"build\": \"NODE_ENV=production parcel build demo/index.html -d dist --public-url ./\",\n    \"prepare\": \"parcel build src/index.js -d lib\"\n  },\n  \"husky\": {\n    \"hooks\": {\n      \"pre-commit\": \"npm run lint\"\n    }\n  }\n}\n```\n\n**Note**:\n\n1. The script `prepare` is usefull when you want to publish the package as a module.\n2. Put `index.html` to `src` path when you develop a web application.\n3. Customize git hooks as you want, see [Husky] for details\n4. All supported files could be built as entry, including `.html`, `.js`, `.css`, `.scss`, etc.\n5. Replace `react` with your favor as a framework, `parcel` will do other things for you.\n\n## Prepare\n\n```\nyarn\n```\n\n## Development\n\n```\nyarn dev\n```\n\nPort to http://localhost:1234 for development.\n\n## Production build\n\n```\nyarn build\n\nserve dist/ # to use production version\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzitsen%2Fparcel-react-template.js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fzitsen%2Fparcel-react-template.js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fzitsen%2Fparcel-react-template.js/lists"}