{"id":15193858,"url":"https://github.com/atulmy/universal-react","last_synced_at":"2025-10-02T08:31:14.978Z","repository":{"id":86264544,"uuid":"89069760","full_name":"atulmy/universal-react","owner":"atulmy","description":"🌐  A simple universal react application with server side rendering built with latest versions of React (v16+), React Router (v5+), Redux (v4+), Express (v5+), Webpack (v4+), Babel Preset ES6 👨‍💻","archived":true,"fork":false,"pushed_at":"2021-02-25T09:24:31.000Z","size":1669,"stargazers_count":79,"open_issues_count":0,"forks_count":24,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-09-28T22:05:09.371Z","etag":null,"topics":["babel","express","isomorphic","learn-by-examples","react","react-router-v4","redux","server-side-rendering","universal","universal-javascript","universal-react","webpack2"],"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/atulmy.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":"2017-04-22T12:56:41.000Z","updated_at":"2023-01-28T08:59:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"41768bff-18db-4ed7-ac57-008b799b163c","html_url":"https://github.com/atulmy/universal-react","commit_stats":{"total_commits":62,"total_committers":1,"mean_commits":62.0,"dds":0.0,"last_synced_commit":"1c513581219b948721bdec5c1222a4cfd074fc6d"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atulmy%2Funiversal-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atulmy%2Funiversal-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atulmy%2Funiversal-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/atulmy%2Funiversal-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/atulmy","download_url":"https://codeload.github.com/atulmy/universal-react/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234957823,"owners_count":18913355,"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","express","isomorphic","learn-by-examples","react","react-router-v4","redux","server-side-rendering","universal","universal-javascript","universal-react","webpack2"],"created_at":"2024-09-27T22:05:49.103Z","updated_at":"2025-10-02T08:31:14.525Z","avatar_url":"https://github.com/atulmy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🌐 Universal React\nSimple universal React application with server side rendering.\n\nBuilt using latest version of React (v16), React Router (v5+), Redux (v7+), Express (v5+), Webpack (v4+), Babel Preset ES6\n\n## 📝 Features\n- [x] List blogs (async API call using `axios`)\n- [x] View single blog\n- [x] Add blog\n- [x] Container Components ([read here](https://medium.com/@learnreact/container-components-c0e67432e005))\n- [x] Server Side Rendering\n- [x] Cache data in client `state` to prevent re-fetch\n\n## ▶️ Running\n- Clone repo `git clone git@github.com:atulmy/universal-react.git universal-react`\n- Install NPM modules `cd universal-react` and `npm install`\n- Run `npm run start`\n\n## 📦 Packages Used\n\n### dependencies\n- **react** (Library for building user interfaces)\n- **react-dom** (React package for working with the DOM)\n- **react-router-dom** (A complete routing library for React)\n- **redux** (Predictable state container for JavaScript apps)\n- **redux-thunk** (Thunk middleware for Redux)\n- **react-redux** (Official React bindings for Redux)\n- **react-helmet** (Manage all of your changes to the document head)\n- **express** (Fast, unopinionated, minimalist web framework)\n- **axios** (Promise based HTTP client for the browser and node.js)\n\n## 📚 Resources\n- Universal JavaScript Web Applications with React - Luciano Mammino ([YouTube](https://t.co/HVXd0HMOlC))\n- Container Components - ([Medium Post](https://medium.com/@learnreact/container-components-c0e67432e005))\n- React Router 4 SSR example - Ryan Florence ([Gist](https://gist.github.com/ryanflorence/efbe562332d4f1cc9331202669763741/))\n- Start learning by looking at sample codes: [#LearnByExamples](https://github.com/topics/learn-by-examples)\n\n## ⭐ Showcase\nFollowing projects have been built with or inspired from [universal-react](https://github.com/atulmy/universal-react/)\n- Crate - Get monthly subscription of trendy clothes and accessories - [GitHub](https://github.com/atulmy/crate)\n- HIRESMART - Application to streamline hiring process - [GitHub](https://github.com/atulmy/hire-smart)\n- Would really appreciate if you add your project to this list by sending a PR\n\n## 🎩 Author\nAtul Yadav - [GitHub](https://github.com/atulmy) \u0026bull; [Twitter](https://twitter.com/atulmy)\n\n## 📜 License\nCopyright (c) 2017 Atul Yadav http://github.com/atulmy\n\nThe MIT License (http://www.opensource.org/licenses/mit-license.php)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatulmy%2Funiversal-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fatulmy%2Funiversal-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fatulmy%2Funiversal-react/lists"}