{"id":19545809,"url":"https://github.com/alex-ray/universal-hmr-ssr-react-redux","last_synced_at":"2025-04-26T19:32:04.014Z","repository":{"id":68552049,"uuid":"67682163","full_name":"Alex-ray/universal-hmr-ssr-react-redux","owner":"Alex-ray","description":"⚡A Universal Javascript App Utilizing Express, Webpack, React, Redux and React Router with Server Side Rendering and Hot Module Reloading ⚡","archived":false,"fork":false,"pushed_at":"2017-04-06T07:35:58.000Z","size":29,"stargazers_count":59,"open_issues_count":2,"forks_count":10,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-18T22:27:24.861Z","etag":null,"topics":["hot-reload","javascript","react","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/Alex-ray.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":"2016-09-08T08:04:17.000Z","updated_at":"2025-02-28T22:54:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"9ef6cad4-2b37-4aec-a4b9-764955605d2c","html_url":"https://github.com/Alex-ray/universal-hmr-ssr-react-redux","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alex-ray%2Funiversal-hmr-ssr-react-redux","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alex-ray%2Funiversal-hmr-ssr-react-redux/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alex-ray%2Funiversal-hmr-ssr-react-redux/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Alex-ray%2Funiversal-hmr-ssr-react-redux/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Alex-ray","download_url":"https://codeload.github.com/Alex-ray/universal-hmr-ssr-react-redux/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":251041485,"owners_count":21527204,"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":["hot-reload","javascript","react","redux","server-side-rendering"],"created_at":"2024-11-11T03:41:22.061Z","updated_at":"2025-04-26T19:32:04.008Z","avatar_url":"https://github.com/Alex-ray.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ⚡ Universal JS, HMR and SSR ⚡\n\n🚧🚧🚧 attention: This project has been updated and upgraded for **React Router 4** and **Hot Module Reloading 3** **[over here](https://github.com/Alex-ray/v2-universal-js-hmr-ssr-react-redux)**\n\nUse this project if your still using React Router 3 or below.\n\n### 🗒 Note:\n\nThis project is intended as an _example_ app for using Hot Module Reloading and Server Sider rendering with\nExpress, React, Redux and React Router.\n\n\u003e Video walkthrough here: https://www.dropbox.com/s/1vrlqqkridz2jew/zoom_0.mp4\n\n### Setup\n`npm install`\n\nFor Development (HMR)\n\n`npm run dev`\n\nFor Production (SSR)\n\n`npm run build \u0026\u0026 npm run prod`\n\n\n### What is it?\n\n*Universal JS: -*\nJavaScript that can run on both the server and client (or any other JS platform for that matter) !\n\n*Hot Module Reloading: -*\nReplaces modules that have been changed in real time while preserving the state.\n\n*Server Side Rendering: -*\nRenders Pages on the initial for fast page loads and search engine optimization\n\n### Why?\n\nIncredibly Productive\n\nExtremely Flexible\n\nBlazing Fast\n\n... And its just plain cool 😎\n\n### How?\n\nThe Basic setup goes like this...\n\nAn express server to handle requests, render the page and handle all our file requests.\n\nWebpack to bundle everything up listen for files changes and hot reload them to the client.\n\nWe will be using React, Redux and React Router to match url requests, and render the state to html that we can then send back to the client.\n\n![hmr-ssr](https://cloud.githubusercontent.com/assets/2454928/18360529/39573fe2-75b3-11e6-8a06-75bc2664e98d.gif)\n\n#### Useful Links\n- [Ultimate Hot Reloading Example](https://github.com/glenjamin/ultimate-hot-reloading-example)\n- [React Redux Universal Hot Example](https://github.com/erikras/react-redux-universal-hot-example)\n- [Ducks Modular Redux](https://github.com/erikras/ducks-modular-redux)\n- [Meatier](https://github.com/mattkrick/meatier)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falex-ray%2Funiversal-hmr-ssr-react-redux","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Falex-ray%2Funiversal-hmr-ssr-react-redux","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Falex-ray%2Funiversal-hmr-ssr-react-redux/lists"}