{"id":16096179,"url":"https://github.com/tahnik/react-expressjs","last_synced_at":"2025-04-09T09:09:42.247Z","repository":{"id":9743944,"uuid":"63187660","full_name":"tahnik/react-expressjs","owner":"tahnik","description":"Simple and compact boilerplate for ReactJS project with expressJS","archived":false,"fork":false,"pushed_at":"2023-03-01T10:02:28.000Z","size":2822,"stargazers_count":215,"open_issues_count":16,"forks_count":72,"subscribers_count":13,"default_branch":"master","last_synced_at":"2025-04-02T07:09:43.627Z","etag":null,"topics":["babel","boilerplate","react","react-router-v4","redux","webpack"],"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/tahnik.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}},"created_at":"2016-07-12T19:44:52.000Z","updated_at":"2024-11-27T17:37:33.000Z","dependencies_parsed_at":"2024-10-26T19:31:22.896Z","dependency_job_id":"579fdfd6-614b-4ab2-94c5-8df386415de4","html_url":"https://github.com/tahnik/react-expressjs","commit_stats":{"total_commits":49,"total_committers":7,"mean_commits":7.0,"dds":"0.16326530612244894","last_synced_commit":"663d05e626ee86f0ebfe71df76e28991623abf87"},"previous_names":["tahnik/react-express-webpack-babel"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahnik%2Freact-expressjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahnik%2Freact-expressjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahnik%2Freact-expressjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/tahnik%2Freact-expressjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/tahnik","download_url":"https://codeload.github.com/tahnik/react-expressjs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248008630,"owners_count":21032556,"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","boilerplate","react","react-router-v4","redux","webpack"],"created_at":"2024-10-09T17:11:33.491Z","updated_at":"2025-04-09T09:09:42.227Z","avatar_url":"https://github.com/tahnik.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Behold the ReactJS + ExpressJS Boilerplate\n\nI wrote an [article] about this repo which explains the structure.\n\nThis is a boilerplate to use ReactJS, ExpressJS, Redux and React Router v4 in a project.\n\n- [ReactJS] - The state based framework for your Views\n- [React Router v4] - For routing to different paths\n- [Redux] - Redux manages your state\n- [Babel] - The compiler to compile your JS files with es6, es7, JSX syntax to regular javascript\n- [Webpack] - The module binder which takes all your JS files from different directories and compiles them into a single app.bundle.js (you can change the filename of course) so you can include it in a HTML page\n- [ExpressJS] - The node framework to serve your views to the world when they hit the server at example.com or example.com/awesome.html\n\n\n# Installation\n\nNode Version: v9.0.0^\n\nJust clone this repo or download the zip file. `cd` into the directory and run\n\n    npm install\n\n## Developing App with [Hot Reload]\nTo develop your own react application, you can take advantage of React Hot Loader and Webpack Dev Server. To develop app with hot reload:\n\n    npm run dev\n\nNow you can access your react application on http://localhost:8080\n\n## Production build and Deploy\nTo make a production build of your project, run the following commands\n\n    npm run build\n  \nThis will create create two files: `index.js` in `server/public/js` and `server.js` in `server/bin`.\n\n`server.js` will be used for serving the application on port 3000 and `index.js` is the actual react app itself.\n\nFinally run\n\n    npm start\n\nThe you will be able to access this app from http://localhost:3000.\n\nTo get a distributable tarball of your application, run this command\n\n    npm pack\n\nRemember that you have to run `npm run build` before doing this. This will create a tar.gz file in your root folder. The contents in this file is deployable. All you need to do is copy the contents inside package folder inside this tar.gz file to your server and run the app with something like [pm2].\n\n\n[ReactJS]: \u003chttps://facebook.github.io/react/\u003e\n[Babel]: \u003chttps://babeljs.io/\u003e\n[Webpack]: \u003chttps://webpack.github.io/\u003e\n[React Router v4]: \u003chttps://reacttraining.com/react-router/\u003e\n[Hot Reload]: \u003chttps://stackoverflow.com/questions/41428954\u003e\n[ExpressJS]: \u003chttp://expressjs.com/\u003e\n[Redux]: \u003chttp://redux.js.org/\u003e\n[pm2]: \u003chttps://github.com/Unitech/pm2\u003e\n[article]: \u003chttps://medium.com/@tahnik.mstsn/reactjs-expressjs-with-hot-reloading-and-server-side-rendering-901a01ea2711\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftahnik%2Freact-expressjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ftahnik%2Freact-expressjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ftahnik%2Freact-expressjs/lists"}