{"id":16742207,"url":"https://github.com/oscarmorrison/react-webpack-starter","last_synced_at":"2025-10-12T00:47:03.302Z","repository":{"id":71204429,"uuid":"79371157","full_name":"oscarmorrison/react-webpack-starter","owner":"oscarmorrison","description":"⚽️ Best react webpack start (with es6 and other basics)","archived":false,"fork":false,"pushed_at":"2018-08-28T23:41:09.000Z","size":195,"stargazers_count":12,"open_issues_count":0,"forks_count":2,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-10T13:52:31.109Z","etag":null,"topics":["babel","beginner-friendly","es6","eslint","jest","react","scss","webpack"],"latest_commit_sha":null,"homepage":"http://oscarmorrison.com/react-webpack-starter/","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/oscarmorrison.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,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-01-18T18:36:35.000Z","updated_at":"2022-03-25T21:55:38.000Z","dependencies_parsed_at":"2023-04-22T15:58:41.693Z","dependency_job_id":null,"html_url":"https://github.com/oscarmorrison/react-webpack-starter","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/oscarmorrison/react-webpack-starter","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmorrison%2Freact-webpack-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmorrison%2Freact-webpack-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmorrison%2Freact-webpack-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmorrison%2Freact-webpack-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/oscarmorrison","download_url":"https://codeload.github.com/oscarmorrison/react-webpack-starter/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/oscarmorrison%2Freact-webpack-starter/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279009511,"owners_count":26084609,"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-10-11T02:00:06.511Z","response_time":55,"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","beginner-friendly","es6","eslint","jest","react","scss","webpack"],"created_at":"2024-10-13T01:23:02.024Z","updated_at":"2025-10-12T00:47:03.285Z","avatar_url":"https://github.com/oscarmorrison.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cimg src=\"https://s3.amazonaws.com/blogoscarmorrison/2017/05/logo.png\" width=\"400px\" /\u003e\n\n\n\n# React, Webpack, Babel, Jest, ESLint Starter  \n[![Build Status](https://travis-ci.org/oscarmorrison/react-webpack-starter.svg?branch=master)](https://travis-ci.org/oscarmorrison/react-webpack-starter)  [![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/oscarmorrison/react-webpack-starter/issues)  \n[![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg?style=plastic)](https://github.com/oscarmorrison/react-webpack-starter/blob/master/LICENSE)[![GitHub issues](https://img.shields.io/github/issues/badges/shields.svg?style=plastic)](https://github.com/oscarmorrison/react-webpack-starter/issues)\n\n\n\nThis is the best, basic, batteries included webpack, babel, react, scss,\nstarter repo available.\n\n## Getting started\n`git clone --depth 1 git@github.com:oscarmorrison/react-webpack-starter.git [new-project-name]`  \n`cd [new-project-name]`  \n`yarn setup`  \n\n## Overview:\n### [React](https://facebook.github.io/react/):\na javascript library for building interfaces.  \n- a basic setup, with an example index.jsx entry file. \n\n### [Webpack 4](https://webpack.js.org/):\na bundler for javascript and friends. Packs many modules into a few bundled assets. \n- an excellent, basic webpack setup with the essentials. \n- a production and a development configuration\n- sensible loaders included:\n  - **sass-loader**: convert your scss to css.\n  - **babel-loader**: convert your es6 (ES2015) to js.\n  - **file-loader**: copy accross any required assets\n- copy plugin, to dynamically build your `dist` folder on each build\n\n\n### [Babel](https://babeljs.io/):  \nThe compiler for writing next generation JavaScript. transpile your code from es6 to js.  \n\n### [Jest](https://facebook.github.io/jest/):\nDelightful JavaScript Testing.  \n- Setup with sensible defaults, with 3 example unit tests.\n\n### [ESLint](http://eslint.org/)\nThe pluggable linting utility for JavaScript and JSX.  \n- A good eslint configuration extended from [Airbnb's](https://github.com/airbnb/javascript) eslint-config  \n\n## file structure\n```\n.\n├── LICENSE\n├── README.md\n├── package.json\n├── webpack.config.js\n├── yarn.lock\n├── src\n│   ├── html\n│   │   └── index.html\n│   ├── js\n│   │   ├── index.jsx\n│   │   └── utilities\n│   │       └── general.js\n│   └── style\n│       └── index.scss\n└── test\n    └── generalUtility.test.js\n\n```\n\n### yarn \nthis starter uses `yarn` by default, it includes the following yarn scripts:  \n`watch`:  ./node_modules/.bin/webpack -d --watch  \n`dev`:  ./node_modules/.bin/webpack-dev-server -d --hot --inline --progress --colors  \n`build`:  NODE_ENV=production ./node_modules/.bin/webpack -p  \n`test`:  yarn jest \u0026\u0026 yarn lint  \n`test:watch`:  yarn jest:watch \u0026 yarn lint:watch  \n`jest`:  ./node_modules/.bin/jest  \n`jest:watch`:  ./node_modules/.bin/jest --watch  \n`lint`:  ./node_modules/.bin/eslint src/js test --ext .js --ext .jsx  \n`lint:watch`:  ./node_modules/.bin/esw src/js test --ext .js --ext .jsx -w --color --clear  \n\n## download\nYou can [download the repo here](https://github.com/oscarmorrison/react-webpack-starter/archive/master.zip), and run:  \n`yarn setup`\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foscarmorrison%2Freact-webpack-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Foscarmorrison%2Freact-webpack-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Foscarmorrison%2Freact-webpack-starter/lists"}