{"id":27944017,"url":"https://github.com/ar-to/feathersjs-mern-exercise","last_synced_at":"2026-04-18T04:33:15.781Z","repository":{"id":118376138,"uuid":"106580077","full_name":"ar-to/feathersjs-mern-exercise","owner":"ar-to","description":"This exercise demonstrated various technologies, tools and practices for using feathersjs, react, redux, socket.io and redux-saga","archived":false,"fork":false,"pushed_at":"2017-10-14T18:16:48.000Z","size":42,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-07T12:28:04.389Z","etag":null,"topics":["feathersjs","react-native","redux","redux-saga","socket-io"],"latest_commit_sha":null,"homepage":null,"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/ar-to.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,"zenodo":null}},"created_at":"2017-10-11T16:28:02.000Z","updated_at":"2017-10-15T01:59:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"b38ee156-90fc-40e1-b745-8a46a8ff649c","html_url":"https://github.com/ar-to/feathersjs-mern-exercise","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ar-to/feathersjs-mern-exercise","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ar-to%2Ffeathersjs-mern-exercise","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ar-to%2Ffeathersjs-mern-exercise/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ar-to%2Ffeathersjs-mern-exercise/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ar-to%2Ffeathersjs-mern-exercise/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ar-to","download_url":"https://codeload.github.com/ar-to/feathersjs-mern-exercise/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ar-to%2Ffeathersjs-mern-exercise/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31956983,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"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":["feathersjs","react-native","redux","redux-saga","socket-io"],"created_at":"2025-05-07T12:20:22.427Z","updated_at":"2026-04-18T04:33:15.773Z","avatar_url":"https://github.com/ar-to.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# feathersjs-mern-exercise\nThis exercise demonstrated various technologies, tools and practices for using feathersjs, react, redux, socket.io and redux-saga\n\n## Sources\n\nThis repo goes over setting up tools, frameworks and config files from scratch. It uses the following articles as reference:\n\n- react setup : https://scotch.io/tutorials/setup-a-react-environment-using-webpack-and-babel\n\nor \n\nhttps://www.codementor.io/goodnesskay/setting-up-react-with-webpack-3-0-yarn-and-babel-9ftd5phqz\n\n## Tools used\n\n- https://yarnpkg.com/en/\n- https://babeljs.io\n\n## Steps \u0026 Commands\n\n### environment variables and config files\n\n`$ yarn init`\n\n`$ yarn add webpack webpack-dev-server`\n\nConfigure webpack using docs. Add basic entry and output keys/value pairs in the webpack.config.js and then add the babel loaders. Best go get familiar with the documentations for each tool before making the files.\n\n`$ touch webpack.config.js`\n\nAdd [Html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin#configuration) to inject js scripts and create index.html; see options for details\n\nAdd [webpack-dev-server](https://webpack.js.org/guides/development/#using-webpack-dev-server) to create a local server and live reloading; Tell it where to serve files:\n\n```\ndevServer: {\n    contentBase: './dist'\n}\n```\nrunning the following command runs webpack config and builds dist:\n\n`$ ./node_modules/.bin/webpack --config webpack.config.js`\n\nbut an npm script saves this\n\n`\"build\": \"webpack\"`\n\nto run build plus webpack-dev-server and have it open browser\n\n`\"start\": \"webpack \u0026\u0026 webpack-dev-server --open\"`\n\n\ninstall babel loaders and presets. Check babel docs for updated info of presets to use\n`yarn add babel-loader babel-core babel-preset-env babel-reset-react`\n\ncreate and configure babel config to use presets\n\n`$ touch .babelrc`\n\n```\n{\n    \"presets\": [\n        \"env\",\n        \"react\"\n    ]\n}\n```\n\nAdd npm scripts to facilitate commands inside package.json; \n\n```\n  \"scripts\": {\n    \"start\": \"webpack \u0026\u0026 webpack-dev-server --open\",\n    \"build\": \"webpack\"\n  },\n```\n\n### Client : React\n\n```\n\n$ mkdir client\n$ cd client\n$ touch index.js\n$ touch index.html\n$ cd ..\n\n```\n\nAdd [boilerplate markup](https://github.com/ar-to/semantic-html5/blob/master/index.html) to client/index.html; make sure to replace the body with:\n\n`\u003cmain id=\"root\"/main\n\n```\nmkdir ./client/components\ntouch ./client/components/App.js\n```\n\n\n\n\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Far-to%2Ffeathersjs-mern-exercise","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Far-to%2Ffeathersjs-mern-exercise","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Far-to%2Ffeathersjs-mern-exercise/lists"}