{"id":26682630,"url":"https://github.com/seonhyungjo/react-simple-server","last_synced_at":"2026-05-03T23:37:23.749Z","repository":{"id":39559605,"uuid":"170411245","full_name":"SeonHyungJo/react-simple-server","owner":"SeonHyungJo","description":":package: Basic wepack-dev-setting repo for making simple project","archived":false,"fork":false,"pushed_at":"2022-12-10T16:44:51.000Z","size":1241,"stargazers_count":2,"open_issues_count":20,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-03-26T08:34:24.184Z","etag":null,"topics":["babel","react","webpack-dev-server"],"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/SeonHyungJo.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-13T00:10:33.000Z","updated_at":"2023-08-22T07:09:47.000Z","dependencies_parsed_at":"2022-09-20T04:56:55.537Z","dependency_job_id":null,"html_url":"https://github.com/SeonHyungJo/react-simple-server","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/SeonHyungJo/react-simple-server","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2Freact-simple-server","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2Freact-simple-server/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2Freact-simple-server/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2Freact-simple-server/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SeonHyungJo","download_url":"https://codeload.github.com/SeonHyungJo/react-simple-server/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SeonHyungJo%2Freact-simple-server/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264757254,"owners_count":23659314,"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","react","webpack-dev-server"],"created_at":"2025-03-26T08:27:42.293Z","updated_at":"2026-05-03T23:37:18.731Z","avatar_url":"https://github.com/SeonHyungJo.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# react-simple-server\n\nCreate very very Simple react repo for making library\n\n## :zap: Start Server\n\n```\n  npm run dev\n```\n\n\n## :zap: Setting List\n\n- .editorconfig\n- eslint\n- eslint-prettier\n- webpack.config.js\n- vscode / settings.json\n- React, ReactDom\n\n## .editorconfig\n\nCreate `.editorconfig` file and setting this.\n\n```js\nroot = true\n\n[*]\n\ncharset = utf-8\nend_of_line = lf\ninsert_final_newline = true\nindent_style = space\nindent_size = 2\ntrim_trailing_whitespace = true\n```\n\nIf you cooperate with other people. It is requied.\n\n## eslint\n\nAs you know, `eslint` is pluggable linting utility for JavaScript and JSX\n\nI use `eslint --init`\n\n```\n  npx eslint --init\n\n  Use a popular style guide // choose\n  Standard // choose\n  JSON // choose\n  Yes // choose\n  // And Download Dependencies and Create eslint file\n```\n\n\u003e npx is a very cool way to run Node code, and provides many useful features\n\nWe should use React, ReacDom, React-Hook\n\nAdd eslint-plugin-react\n\n```js\n{\n    \"extends\": [\"standard\", \"plugin:react/recommended\"],\n    \"plugins\": [\n        \"react-hooks\"\n    ],\n    \"rules\": {\n        \"react-hooks/rules-of-hooks\": \"error\"\n    }\n}\n```\n\n\nCreate `.eslintignore` file\n\n```\nnode_modules\npublic\n\n*.config.js\n```\n\n\n## webpack.config.js\n\n```js\nmodule.exports = {\n    entry: './src/index.js',\n    output: {\n        path: __dirname + '/public/',\n        filename: 'bundle.js'\n    },\n\n    // You have to add this option\n    // none, development, production\n    mode: 'development',\n\n    devServer: {\n        inline: true, //Hot Module\n        port: 3000,\n        contentBase: __dirname + '/public/'\n    },\n\n    // We can use ES6\n    module: {\n        rules: [\n                {\n                    test: /\\.js$/,\n                    loader: 'babel-loader',\n                    exclude: /node_modules/,\n                    query: {\n                        cacheDirectory: true,\n                        presets: ['@babel/preset-env', '@babel/preset-react']\n                    }\n                }\n            ]\n        }\n};\n```\n\n## React, ReactDom\n\n```\n  npm i react react-dom\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseonhyungjo%2Freact-simple-server","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fseonhyungjo%2Freact-simple-server","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fseonhyungjo%2Freact-simple-server/lists"}