{"id":15041627,"url":"https://github.com/rishichawda/minimal-react-boilerplate","last_synced_at":"2025-04-14T20:23:05.005Z","repository":{"id":39510333,"uuid":"169112193","full_name":"rishichawda/minimal-react-boilerplate","owner":"rishichawda","description":"A minimal react boilerplate with webpack 5 📦, babel v7 :rocket:  and SASS support. Linting, pre-commit hooks, snapshot and DOM testing, continuous integration and more already set up. :art:","archived":false,"fork":false,"pushed_at":"2023-10-19T07:15:44.000Z","size":1084,"stargazers_count":12,"open_issues_count":3,"forks_count":6,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-03-24T23:33:43.765Z","etag":null,"topics":["babel","babel7","boilerplate","eslint","node-sass","prettier","prettier-eslint","react","sass","webpack","webpack5"],"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/rishichawda.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}},"created_at":"2019-02-04T16:46:27.000Z","updated_at":"2025-02-08T05:31:17.000Z","dependencies_parsed_at":"2022-09-20T03:12:18.940Z","dependency_job_id":null,"html_url":"https://github.com/rishichawda/minimal-react-boilerplate","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishichawda%2Fminimal-react-boilerplate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishichawda%2Fminimal-react-boilerplate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishichawda%2Fminimal-react-boilerplate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rishichawda%2Fminimal-react-boilerplate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rishichawda","download_url":"https://codeload.github.com/rishichawda/minimal-react-boilerplate/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248952958,"owners_count":21188526,"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":["babel","babel7","boilerplate","eslint","node-sass","prettier","prettier-eslint","react","sass","webpack","webpack5"],"created_at":"2024-09-24T20:46:18.165Z","updated_at":"2025-04-14T20:23:04.982Z","avatar_url":"https://github.com/rishichawda.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## minimal-react-boilerplate\n\n![](https://img.shields.io/github/package-json/v/rishichawda/minimal-react-boilerplate.svg?style=for-the-badge)\n![](https://img.shields.io/github/last-commit/rishichawda/minimal-react-boilerplate?style=for-the-badge)\n\nA minimal react boilerplate with webpack 5, babel v7 and SASS support.\n\n- **Webpack 5** - All the good things from Webpack 5 including faster builds, smaller build sizes and more.\n- **Babel 7**\n- **ESLint ( with prettier config )** - give the configuration a shot and thank me later. :smile:\n- **Husky** - Pre-commit lint check for staged files to ensure :poop:-code is never commited.\n- **CSS and SASS support.**\n\n- **Easy and cleaner imports with [babel module resolver](https://github.com/tleunen/babel-plugin-module-resolver).**\n\nFor example, if you have a directory structure like this:\n\n```\nsrc\n-- components\n-- config\n---- secret-config.js\n-- pages\n---- home\n------ index.js\n```\n\nYou can import `secret-config.js` in `index.js` as :\n\n```jsx\nimport config from \"config/secret-config.js\";\n```\n\n- **Environment files** - environment variable imports are already configured and added! Just create `development.env` and `production.env` ( inside config directory ) with your environment variables and start using them in your app! :tada:\n\n- **Snapshots and DOM testing** - Includes DOM testing with [Jest](https://jestjs.io) and [react-testing-library](https://github.com/testing-library/react-testing-library) and also includes snapshot test examples with Jest. `travis.yml` is already included to run the tests on [TravisCI]().\n\n## Usage :\n\n1. Clone the repository via _SSH_ :\n\n```\n$ git clone git@github.com:rishichawda/minimal-react-boilerplate.git\n```\n\nor _HTTPS_ :\n\n```\n$ git clone https://github.com/rishichawda/minimal-react-boilerplate.git\n```\n\n2.\n\n```\n$ cd minimal-react-boilerplate\n$ npm install\n```\n\n#### Unfamiliar with git?\n\nSimply click [here](https://github.com/rishichawda/minimal-react-boilerplate/archive/master.zip) to download the zip. Extract the _.zip_ file and run the following commands inside the directory.\n\n```\n$ npm install\n$ npm run start\n```\n\n##\n\nTo start the development server :\n\n```\n$ npm run start\n```\n\nTo generate production build :\n\n```\n$ npm run build\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishichawda%2Fminimal-react-boilerplate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frishichawda%2Fminimal-react-boilerplate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frishichawda%2Fminimal-react-boilerplate/lists"}