{"id":23103613,"url":"https://github.com/pjb0811/react-app-starter","last_synced_at":"2026-04-05T08:34:45.506Z","repository":{"id":96133015,"uuid":"120425588","full_name":"pjb0811/react-app-starter","owner":"pjb0811","description":"Starter Kit for projects using React.","archived":false,"fork":false,"pushed_at":"2018-03-13T05:13:25.000Z","size":132,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-09T09:41:20.905Z","etag":null,"topics":["code-spliting","code-splitting","mobx","mobx-react","react","react-hot-loader-v4","react-redux","react-router-v4","redux","server-side-rendering"],"latest_commit_sha":null,"homepage":"","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/pjb0811.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-02-06T08:39:14.000Z","updated_at":"2018-03-09T02:27:26.000Z","dependencies_parsed_at":null,"dependency_job_id":"b7cfc873-dfce-40ca-942c-a431a2627859","html_url":"https://github.com/pjb0811/react-app-starter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pjb0811%2Freact-app-starter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pjb0811%2Freact-app-starter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pjb0811%2Freact-app-starter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pjb0811%2Freact-app-starter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pjb0811","download_url":"https://codeload.github.com/pjb0811/react-app-starter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247085976,"owners_count":20881158,"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":["code-spliting","code-splitting","mobx","mobx-react","react","react-hot-loader-v4","react-redux","react-router-v4","redux","server-side-rendering"],"created_at":"2024-12-17T00:21:56.247Z","updated_at":"2025-12-30T21:46:20.304Z","avatar_url":"https://github.com/pjb0811.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-app-starter\r\nStarter Kit for projects using React.\r\n\r\n## Prerequisites\r\nYou need to install [nodejs](https://nodejs.org/) for your OS environment.\r\n### Package configuration\r\n- **React**\r\n  - react\r\n  - create-react-app\r\n    - react-app-rewired\r\n  - react-router@v4\r\n  - react-helmet\r\n  - react-hot-loader@v4\r\n  - react-loadable\r\n- **Redux**\r\n  - react-redux\r\n  - redux-actions\r\n  - redux-logger\r\n  - redux-thunk\r\n    - redux-promise-middleware\r\n  - redux-saga\r\n  - immutable\r\n- **MobX**\r\n  - mobx-react\r\n- **CSS Framework**\r\n  - semantic-ui-css\r\n  - semantic-ui-react\r\n- **Server Side Rendering**\r\n  - express\r\n- **Module Loader/bundler**\r\n  - webpack\r\n- **Package Manager**\r\n  - yarn\r\n\r\n## Installation Process\r\n### Installing the package\r\n```\r\n  npm install\r\n```\r\n\r\n## Getting Started\r\n### Run local server\r\n```\r\n  npm run start\r\n```\r\n### Build source\r\n```\r\n  npm run build\r\n```\r\n### Run the development server after the source build\r\n```\r\n  npm run serve\r\n```\r\n### Change the state management library(mobx \u003c-\u003e redux-saga \u003c-\u003e redux-thunk)\r\n#### src/client/Root.js\r\n```\r\n// redux-saga\r\nimport { Provider  } from 'react-redux';\r\nimport store from '../redux-saga/store';\r\n\r\n// redux-thunk\r\nimport { Provider  } from 'react-redux';\r\nimport store from '../redux-thunk/store';\r\n\r\n// mobx\r\nimport { Provider } from 'mobx-react';\r\nimport Store from '../mobx/Store';\r\nconst store = new Store();\r\n...\r\n...\r\n```\r\n#### src/server/render.js\r\n```\r\n// redux-saga\r\nimport { Provider  } from 'react-redux';\r\nimport configureStore from '../redux-saga/store';\r\nconst store = configureStore();\r\n\r\n// redux-thunk\r\nimport { Provider } from 'react-redux';\r\nimport store from '../redux-thunk/store';\r\n\r\n// mobx\r\nimport { toJS } from 'mobx';\r\nimport { Provider } from 'mobx-react';\r\nimport Store from '../mobx/Store';\r\nconst store = new Store()\r\n...\r\n...\r\nconst render = async (location) =\u003e {\r\n  ....\r\n  return {\r\n    html,\r\n    // redux-thunk, redux-saga\r\n    state: store.getState(),\r\n    // mobx\r\n    state: toJS(store),\r\n    helmet,\r\n  };\r\n};\r\n```\r\n\r\n### SSR settings for async data.\r\nPlanned to proceed.\r\n\r\n## File Manifest\r\n```\r\n+-- server\r\n|   +-- index.js\r\n+-- src\r\n|   +-- client\r\n|       +-- Root.js\r\n|   +-- components\r\n|       +-- menus\r\n|       +-- pages\r\n|   +-- mobx\r\n|       +-- Store.jsx\r\n|   +-- redux-saga\r\n|       +-- actions\r\n|       +-- api\r\n|       +-- reducers\r\n|       +-- sagas.js\r\n|       +-- store.js\r\n|   +-- redux-thunk\r\n|       +-- reducers\r\n|       +-- store.js\r\n|   +-- server\r\n|       +-- render.js\r\n|   +-- App.js\r\n|   +-- index.js\r\n```\r\n\r\n## Copyright / End User License\r\nMIT © [pjb0811](http://github.com/pjb0811)\r\n\r\n## Contact Information\r\n- [pjb0811@gmail.com](mailto:pjb0811@gmail.com)\r\n- [http://github.com/pjb0811](http://github.com/pjb0811)\r\n\r\n\u003c!--\r\n## Known Issues\r\n## Troubleshooting\r\n## redit\r\n--\u003e\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpjb0811%2Freact-app-starter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpjb0811%2Freact-app-starter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpjb0811%2Freact-app-starter/lists"}