{"id":20088580,"url":"https://github.com/ashik112/extensive-react-skeleton","last_synced_at":"2026-04-08T16:01:46.881Z","repository":{"id":42312572,"uuid":"220909688","full_name":"ashik112/extensive-react-skeleton","owner":"ashik112","description":"A great number of things are configured and ready to start working. Relies heavily on Ant Design but can be easily reconfigured to work without it.","archived":false,"fork":false,"pushed_at":"2022-07-07T13:58:40.000Z","size":8577,"stargazers_count":2,"open_issues_count":3,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-02T14:48:54.999Z","etag":null,"topics":["ant-design","axios","customize-cra","eslint","formik","less","react-router","reactjs","redux"],"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/ashik112.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":"2019-11-11T05:44:43.000Z","updated_at":"2022-02-24T20:36:44.000Z","dependencies_parsed_at":"2022-09-24T05:01:42.607Z","dependency_job_id":null,"html_url":"https://github.com/ashik112/extensive-react-skeleton","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ashik112/extensive-react-skeleton","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashik112%2Fextensive-react-skeleton","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashik112%2Fextensive-react-skeleton/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashik112%2Fextensive-react-skeleton/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashik112%2Fextensive-react-skeleton/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ashik112","download_url":"https://codeload.github.com/ashik112/extensive-react-skeleton/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ashik112%2Fextensive-react-skeleton/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31562697,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-08T14:31:17.711Z","status":"ssl_error","status_checked_at":"2026-04-08T14:31:17.202Z","response_time":54,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5: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":["ant-design","axios","customize-cra","eslint","formik","less","react-router","reactjs","redux"],"created_at":"2024-11-13T16:14:30.736Z","updated_at":"2026-04-08T16:01:46.865Z","avatar_url":"https://github.com/ashik112.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# EXTENSIVE REACT SKELETON\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\n# Project Structure\n```\n├── src\n│   ├── containers -------------------------------\u003e Company, Employee etc.\n│   │   ├── {Title}\n│   │   │   ├── apiServices ----------------------\u003e all api related code goes here\n│   │   │   ├── redux ----------------------------\u003e redux related codes are here for a particular module\n│   │   │   │   ├──  actions.js\n│   │   │   │   ├──  actionTypes.js\n│   │   │   │   ├──  reducer.js ------------------\u003e must be exported and imported in `src/redux/reducers/index.js` to be included in `combineReducers`\n│   │   │   ├── routes\n│   │   │   │   │   ├── index.js -----------------\u003e history \u0026 menu for the bundle routing goes here\n│   │   │   ├── pages ----------------------------\u003e Application Pages; DashboardPage, LoginPage etc.\n│   │   │   │   ├──  **/*.jsx\n│   │   │   ├── components -----------------------\u003e components for it's container\n│   │   │   │   ├──  **/*.jsx --------------------\u003e LoginForm, MonthlySalesChart etc.\n│   │   ├── ...\n│   │   ├── Layouts\n│   │   │   │   ├── HeaderBar, Sidebar\n│   │   │   │   ├── LayoutWrapper.jsx ------------\u003e Sidebar.jsx + HeaderBar.jsx\n│   ├── assets -----------------------------------\u003e Images, CSS \u0026 Other assets.\n│   ├── constants\n│   │   ├── config.js.temp -----------------------\u003e base api url. must be copied/renamed to `config.js`\n│   │   ├── history.js ---------------------------\u003e createBrowserHistory for react-router\n│   │   ├── index.js -----------------------------\u003e Application Name\n│   ├── redux ------------------------------------\u003e common redux related codes for whole application\n│   │   ├── actions\n│   │   ├── actionTypes\n│   │   ├── reducers\n│   │   ├── store.js\n│   ├── routes -----------------------------------\u003e page routing\n│   │   ├── apiRoutes ----------------------------\u003e all api routes\n│   │   ├── AuthenticatedRouting.jsx -------------\u003e when user logged in and authorized\n│   │   ├── UnauthenticatedRouting.jsx -----------\u003e when user not logged in or unauthorized\n│   │   ├── menuRoutes ---------------------------\u003e routes for sidebar rendering and routing\n│   │   ├── historyRoutes ------------------------\u003e to change pages\n│   ├── services ---------------------------------\u003e reusable services goes here to use throughout the application\n│   │   ├── apiService ---------------------------\u003e axios middleware and actions\n│   │   ├── checkHttpError -----------------------\u003e check http errors and handle\n│   │   ├── storageService -----------------------\u003e localStorage actions\n│   │   ├── **/*.js\n│   ├── shared -----------------------------------\u003e shared components and services to use throughout the application\n│   ├── styles -----------------------------------\u003e less, css, sass\n│   │   ├── formLayout.js ------------------------\u003e ant form layout\n│   │   ├── less\n│   │   │   ├── theme.less -----------------------\u003e ant design style override\n│   │   │   ├── **/*.less\n│   ├── Root.js ----------------------------------\u003e Starts Here\n│   ├── index.js\n│   ├── index.css\n│   └── serviceWorker.js\n├── build (or dist) ------------------------------\u003e `yarn build`\n├── public\n│   ├── index.html\n│   ├── favicon.ico\n│   ├── manifest.json\n├── node_modules\n├── test\n├── jsconfig.json -------------------------------\u003e specify base url as `src`, needed for `components`\n├── .babelrc.js ---------------------------------\u003e Babel plugin import.\n├── .eslintrc.json ------------------------------\u003e linting config and rules. `(eslint)`\n├── .config-overrides.js ------------------------\u003e Custom webpack config. with `custom-cra`\n├── README.md\n├── package.json --------------------------------\u003e packages\n├── yarn.lock\n├── README.md\n└── .gitignore\n```\n\n# Available Scripts\n\nIn the project directory, you can run:\n\n#### `yarn start`\nRuns the app in the development mode.\u003cbr /\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\u003cbr /\u003e\nYou will also see any lint errors in the console.\n\n#### `yarn test`\nLaunches the test runner in the interactive watch mode.\u003cbr /\u003e\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n#### `yarn build`\nBuilds the app for production to the `build` folder.\u003cbr /\u003e\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003cbr /\u003e\nYour app is ready to be deployed!\n\n#### `yarn analyze`\nAnalyzes the bundle size after having a build.\n\n#### `yarn validate`\nRuns multiple scripts with `npm-run-all`. Currently runs `yarn lint`.\n\n#### `yarn lint`\nFixes linting and finds lint error in `src` directory.\n\nAnalyzes the bundle size after having a build.\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n### `yarn eject`\n\n\u003e`Extreme Caution`\n\n`Note`: this is a one-way operation. Once you `eject`, you can’t go back!**\n\nIf you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.\n\nInstead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.\n\nYou don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.\n\n# Dependencies\nVersions may change in the future and more libraries will be added.\n\n#### Mandatory\n1. \"react\": \"^16.10.1\"\n2. \"prop-types\": \"^15.7.2\"\n3. \"react-scripts\": \"3.2.0\"\n4. \"react-dom\": \"^16.10.1\"\n#### Webpack Customization `(caution required)`\n1. \"customize-cra\": \"^0.8.0\"\n2. \"react-app-rewired\": \"^2.1.3\"\n3. \"babel-plugin-import\": \"^1.12.2\" `(dev)`\n#### Git Hooks\n1. \"husky\": \"^3.0.8\" `(dev)`\n2. \"npm-run-all\": \"^4.1.5\" `(dev)`\n#### Redux\n1. \"redux\": \"^4.0.4\"\n2. \"react-redux\": \"^7.1.1\"\n3. \"redux-persist\": \"^6.0.0\"\n4. \"redux-thunk\": \"^2.3.0\"\n#### Routing\n1. \"react-router-dom\": \"^5.1.2\"\n2. \"history\": \"^4.9.0\"\n#### Datetime\n1. \"moment\": \"2.24.0\"\n#### Bundle Size Analyzer\n1. \"source-map-explorer\": \"^2.1.0\"\n#### Http\n1. \"axios\": \"^0.19.0\"\n#### Lint\n1. \"eslint\": \"^6.5.1\" `(dev)`\n2. \"eslint-config-airbnb\": \"^18.0.1\" `(dev)`\n3. \"eslint-plugin-import\": \"^2.18.2\" `(dev)`\n4. \"eslint-plugin-jsx-a11y\": \"^6.2.3\" `(dev)`\n5. \"eslint-plugin-react\": \"^7.15.1\" `(dev)`\n6. \"eslint-plugin-react-hooks\": \"^1.7.0\" `(dev)`\n### [Ant Design](https://ant.design/docs/react/introduce)\n1. \"antd\": \"^3.23.6\"\n2. \"less\": \"^3.10.3\"\n3. \"less-loader\": \"^5.0.0\"\n\n## Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n### Code Splitting\n\nThis section has moved here: \u003chttps://facebook.github.io/create-react-app/docs/code-splitting\u003e\n\n### Analyzing the Bundle Size\n\nThis section has moved here: \u003chttps://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size\u003e\n\n### Making a Progressive Web App\n\nThis section has moved here: \u003chttps://facebook.github.io/create-react-app/docs/making-a-progressive-web-app\u003e\n\n### Advanced Configuration\n\nThis section has moved here: \u003chttps://facebook.github.io/create-react-app/docs/advanced-configuration\u003e\n\n### Deployment\n\nThis section has moved here: \u003chttps://facebook.github.io/create-react-app/docs/deployment\u003e\n\n### `yarn build` fails to minify\n\nThis section has moved here: \u003chttps://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashik112%2Fextensive-react-skeleton","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fashik112%2Fextensive-react-skeleton","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fashik112%2Fextensive-react-skeleton/lists"}