{"id":26274489,"url":"https://github.com/seungyeub/awesome-react-babel7-skeleton","last_synced_at":"2026-04-16T10:02:15.335Z","repository":{"id":98604580,"uuid":"140608526","full_name":"seungyeub/awesome-react-babel7-skeleton","owner":"seungyeub","description":"React basic skeleton set (React16, Webpack4, Babel7)👍🏻","archived":false,"fork":false,"pushed_at":"2019-11-05T20:30:50.000Z","size":27581,"stargazers_count":1,"open_issues_count":11,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-10-25T23:02:15.128Z","etag":null,"topics":["babel7","basic","react","reactjs","skeleton","starter-kit","webpack","webpack4"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","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/seungyeub.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2018-07-11T17:31:03.000Z","updated_at":"2019-01-18T02:37:31.000Z","dependencies_parsed_at":"2023-09-26T00:48:06.731Z","dependency_job_id":null,"html_url":"https://github.com/seungyeub/awesome-react-babel7-skeleton","commit_stats":{"total_commits":30,"total_committers":2,"mean_commits":15.0,"dds":0.2666666666666667,"last_synced_commit":"b5382a6842f238d80030621bf4108853781ea8f8"},"previous_names":["seungyeub/awesome-react-babel7-skeleton"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/seungyeub/awesome-react-babel7-skeleton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seungyeub%2Fawesome-react-babel7-skeleton","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seungyeub%2Fawesome-react-babel7-skeleton/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seungyeub%2Fawesome-react-babel7-skeleton/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seungyeub%2Fawesome-react-babel7-skeleton/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/seungyeub","download_url":"https://codeload.github.com/seungyeub/awesome-react-babel7-skeleton/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/seungyeub%2Fawesome-react-babel7-skeleton/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31880884,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-16T09:23:21.276Z","status":"ssl_error","status_checked_at":"2026-04-16T09:23:15.028Z","response_time":69,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["babel7","basic","react","reactjs","skeleton","starter-kit","webpack","webpack4"],"created_at":"2025-03-14T09:25:51.671Z","updated_at":"2026-04-16T10:02:15.318Z","avatar_url":"https://github.com/seungyeub.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Awesome-React-Babel7-Skeleton\n\n## Set Up React, Webpack 4, and Babel 7 (2018)\n\n## Demo\n\n\u003e https://Dev-JeromeBaek.github.io/awesome-react-babel7-skeleton/\n\n## Folder Structure\n\nAfter creation, your project should look like this:\n\n```\nawesome-react-redux-skeleton/\n  README.md\n  .prettierrc\n  package.json\n  webpack.config.dev.js\n  webpack.config.js\n  static/\n    js/\n      bundle.js\n    media/\n      image.afa5b8b9.png\n  public/\n    index.html\n    favicon.ico\n  src/\n    assets/\n      css/\n        style.css\n      images/\n        image.png\n    components/\n      App.js\n      Test.jsx\n    index.js\n  index.html\n  favicon.ico\n```\n\nFor the project to build, **these files must exist with exact filenames**:\n\n- `public/index.html` is the page template;\n- `src/index.js` is the JavaScript entry point.\n\n## Build Setup\n\nnpm\n\n```bash\n# install dependencies\nnpm install\n\n# serve with hot reload at 0.0.0.0\nnpm start\n\n# build for production with minification.\nnpm run build\n\n# serve with hot reload dev-server at 0.0.0.0\nnpm run dev\n\n# remove previous build files and build for production with minification.\nnpm run clean\n```\n\nor using yarn\n\n```bash\n# install dependencies\nyarn install\n\n# serve with hot reload at 0.0.0.0\nyarn start\n\n# build for production with minification.\nyarn build\n\n# serve with hot reload dev-server at 0.0.0.0\nyarn dev\n\n# remove previous build files and build for production with minification.\nyarn clean\n```\n\n### babel set\n\n```bash\n{\n    \"presets\": [\n        \"@babel/preset-env\",\n        \"@babel/preset-react\"\n    ],\n    \"plugins\": [\n        \"@babel/plugin-syntax-dynamic-import\",\n        \"@babel/plugin-syntax-import-meta\",\n        \"@babel/plugin-proposal-class-properties\",\n        \"@babel/plugin-proposal-json-strings\",\n        [\n            \"@babel/plugin-proposal-decorators\",\n            {\n                \"legacy\": true\n            }\n        ],\n        \"@babel/plugin-proposal-function-sent\",\n        \"@babel/plugin-proposal-export-namespace-from\",\n        \"@babel/plugin-proposal-numeric-separator\",\n        \"@babel/plugin-proposal-throw-expressions\"\n    ]\n},\n```\n\n### package.json\n\n```bash\n\"devDependencies\": {\n  \"@babel/core\": \"^7.0.0\",\n  \"@babel/plugin-proposal-class-properties\": \"^7.0.0\",\n  \"@babel/plugin-proposal-decorators\": \"^7.0.0\",\n  \"@babel/plugin-proposal-export-namespace-from\": \"^7.0.0\",\n  \"@babel/plugin-proposal-function-sent\": \"^7.0.0\",\n  \"@babel/plugin-proposal-json-strings\": \"^7.0.0\",\n  \"@babel/plugin-proposal-numeric-separator\": \"^7.0.0\",\n  \"@babel/plugin-proposal-throw-expressions\": \"^7.0.0\",\n  \"@babel/plugin-syntax-dynamic-import\": \"^7.0.0\",\n  \"@babel/plugin-syntax-import-meta\": \"^7.0.0\",\n  \"@babel/preset-env\": \"^7.0.0\",\n  \"@babel/preset-react\": \"^7.0.0\",\n  \"babel-loader\": \"^8.0.0\",\n  \"css-loader\": \"^1.0.0\",\n  \"file-loader\": \"^2.0.0\",\n  \"html-webpack-plugin\": \"^3.2.0\",\n  \"react-hot-loader\": \"^4.3.6\",\n  \"style-loader\": \"^0.23.0\",\n  \"uglifyjs-webpack-plugin\": \"^1.3.0\",\n  \"url-loader\": \"^1.1.1\",\n  \"webpack\": \"^4.17.1\",\n  \"webpack-cli\": \"^3.1.0\",\n  \"webpack-dev-server\": \"^3.1.6\"\n},\n\"dependencies\": {\n  \"react\": \"^16.4.2\",\n  \"react-dom\": \"^16.4.2\"\n}\n```\n\n## How to make your react project\n\nnpm\n\n- Fork and clone this repository.\n- Run `npm install` on your terminal.\n- Open `src/components` directory.\n- Make your component and Start your project.\n- Run `npm run build` or `npm run clean` on your terminal\n- Do setting for github.io hosting.\n\nyarn\n\n- Fork and clone this repository.\n- Run `yarn install` on your terminal.\n- Open `src/components` directory.\n- Make your component and Start your project.\n- Run `yarn build` or `yarn clean` on your terminal\n- Do setting for github.io hosting.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseungyeub%2Fawesome-react-babel7-skeleton","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseungyeub%2Fawesome-react-babel7-skeleton","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseungyeub%2Fawesome-react-babel7-skeleton/lists"}