{"id":13480082,"url":"https://github.com/shrynx/react-super-scripts","last_synced_at":"2025-03-27T10:31:01.432Z","repository":{"id":57345912,"uuid":"75265068","full_name":"shrynx/react-super-scripts","owner":"shrynx","description":"adds super powers to create-react-app and allows custom configs without ejecting.","archived":true,"fork":true,"pushed_at":"2018-01-09T16:13:32.000Z","size":3679,"stargazers_count":87,"open_issues_count":7,"forks_count":7,"subscribers_count":3,"default_branch":"develop","last_synced_at":"2025-03-15T08:42:54.043Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://react-super-scripts.netlify.com","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"facebook/create-react-app","license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shrynx.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG-0.x.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-12-01T07:01:38.000Z","updated_at":"2024-05-01T10:19:04.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/shrynx/react-super-scripts","commit_stats":null,"previous_names":[],"tags_count":28,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrynx%2Freact-super-scripts","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrynx%2Freact-super-scripts/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrynx%2Freact-super-scripts/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shrynx%2Freact-super-scripts/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shrynx","download_url":"https://codeload.github.com/shrynx/react-super-scripts/tar.gz/refs/heads/develop","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245826767,"owners_count":20678854,"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-31T17:00:34.375Z","updated_at":"2025-03-27T10:31:00.888Z","avatar_url":"https://github.com/shrynx.png","language":"JavaScript","readme":"\u003ca href='https://github.com/shrynx/react-super-scripts'\u003e\u003cp align='center'\u003e\u003cimg src='https://raw.githubusercontent.com/shrynx/react-super-scripts/develop/packages/react-scripts/template/src/logo.png' height='100' \u003e\u003c/p\u003e\u003c/a\u003e\n\n# ⚡ react \u003csup\u003e-super-scripts\u003c/sup\u003e ⚡\n\n**This package adds super powers and allows custom configs without ejecting [Create React App](https://github.com/facebookincubator/create-react-app)**\n\n⚠️ This is not a fork of create-react-app, it is just a fork of react-scripts.\n\n#### Create bootstraped React apps simply by\n\n`create-react-app my-app --scripts-version react-super-scripts`\n\n\u003csup\u003e* If you don't have Create React App, then\u003c/sup\u003e\n\u003csup\u003e`npm -g install create-react-app`\u003c/sup\u003e\n\n## Features\nApart from features provided by [CRA](https://github.com/facebookincubator/create-react-app#whats-inside), this package adds more goodies listed below.\n\n### Webpack\n* **Webpack Dasboard**\n\t* you got to love webpack dashboard\n\t* Webpack dashboard is turned on by default,but it is configurable\n\t* you can disable it able it setting dashboard as false in react_super_script in package.json\n    ```js\n      {\n        ...\n\n        \"react_super_scripts\": {\n          \"dashboard\": true\n        }\n      }\n    ```\n* **Hot module replacement**\n\t*  supports HMR for js files too.\n* **Supports SASS and LESS**\n\t* write styles in css, sass or less\n* **Webpack image loader**\n\t* for compressing images\n* **Vendor splitting**\n  * you can split out vendor files from app logic, simply by creating a `vendor.js` file in `src` folder,\n  and import all your vendor dependencies in that file.\n* **Build Progress Bar**\n  * During build process a progress bar is shown.\n\n### Babel\n* **Custom babel config**\n\t* Want to use latest and greatest of javascript, no worries\n\t\tinclude custom babel presets by installing packages\n\t\tand adding them to **.babelrc** in root directory of the app\n\t* **Note**: This will completly override existing presets.\n\t\tYou will need to create the .babelrc file inside your app folder\n\t\tand remember to add **react-hmre** preset to babel development.\n\t\tThis script relies on react-hmre for hot module replacement.\n\n### ESLint\n* **Custom eslint config**\n\t* Not happy with the default linting rules,\n\t\tsimply include custom eslint by installing packages\n\t\tand adding them to **.eslintrc** in root directory of the app\n\t* **Note**: This will completly override existing linting rules.\n\t\tYou will need to create the .eslintrc file inside your app folder.\n\n### Preact\n* **Using preact instead of react**\n\t* [Preact](https://github.com/developit/preact) is a fast, 3kB alternative to React, with the same ES2015 API,\n\t* In your package.json add usePreact to react-super-scripts and set it to true.\n\tYour package.json should look like\n    ```js\n      {\n        ...\n\n        \"react_super_scripts\": {\n          \"usePreact\": true\n        }\n      }\n    ```\n    \n\tThen uninstall ```react``` and ```react-dom``` and install ```preact``` and ```preact-compat```\n\n\t```npm uninstall react react-dom \u0026\u0026 npm install --save preact preact-compat```\n\t* You can keep using you existing react code without any changes, under the hood\n\t\twebpack will alias react and react-dom to use preact.\n\t* **Note**: This package uses ```preact-compat``` for maintaining compatibility with react.\n\t\tThis doesn't guarantee complete compatibility, test all features fully first.\n\n### Others\n\n* **Custom entry point**\n\t* You can specify app entry point for webpack.\n\t* In your package.json specify the file path to appEntry property\n\t\tof react_super_scripts field.\n\tYour package.json should look like\n    ```js\n      {\n        ...\n\n        \"react_super_scripts\": {\n          \"appEntry\": \"src/index.js\"\n        }\n      }\n    ```\n\ta default entry point (src/index.js) is already provided in package.json.\n\t* **Note**: if you don't provide appEntry in your package.json it will default to scr/index.js","funding_links":[],"categories":["React Scripts Versions"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshrynx%2Freact-super-scripts","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshrynx%2Freact-super-scripts","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshrynx%2Freact-super-scripts/lists"}