Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on May 11, 2021. It is now read-only.
/ universal-react Public archive

🌐 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 πŸ‘¨β€πŸ’»

License

Notifications You must be signed in to change notification settings

atulmy/universal-react

Repository files navigation

🌐 Universal React

Simple universal React application with server side rendering.

Built using latest version of React (v16), React Router (v5+), Redux (v7+), Express (v5+), Webpack (v4+), Babel Preset ES6

πŸ“ Features

  • List blogs (async API call using axios)
  • View single blog
  • Add blog
  • Container Components (read here)
  • Server Side Rendering
  • Cache data in client state to prevent re-fetch

▢️ Running

  • Clone repo git clone git@github.com:atulmy/universal-react.git universal-react
  • Install NPM modules cd universal-react and npm install
  • Run npm run start

πŸ“¦ Packages Used

dependencies

  • react (Library for building user interfaces)
  • react-dom (React package for working with the DOM)
  • react-router-dom (A complete routing library for React)
  • redux (Predictable state container for JavaScript apps)
  • redux-thunk (Thunk middleware for Redux)
  • react-redux (Official React bindings for Redux)
  • react-helmet (Manage all of your changes to the document head)
  • express (Fast, unopinionated, minimalist web framework)
  • axios (Promise based HTTP client for the browser and node.js)

πŸ“š Resources

  • Universal JavaScript Web Applications with React - Luciano Mammino (YouTube)
  • Container Components - (Medium Post)
  • React Router 4 SSR example - Ryan Florence (Gist)
  • Start learning by looking at sample codes: #LearnByExamples

⭐ Showcase

Following projects have been built with or inspired from universal-react

  • Crate - Get monthly subscription of trendy clothes and accessories - GitHub
  • HIRESMART - Application to streamline hiring process - GitHub
  • Would really appreciate if you add your project to this list by sending a PR

🎩 Author

Atul Yadav - GitHub β€’ Twitter

πŸ“œ License

Copyright (c) 2017 Atul Yadav http://github.com/atulmy

The MIT License (http://www.opensource.org/licenses/mit-license.php)

About

🌐 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 πŸ‘¨β€πŸ’»

Topics

Resources

License

Stars

Watchers

Forks

AltStyle γ«γ‚ˆγ£γ¦ε€‰ζ›γ•γ‚ŒγŸγƒšγƒΌγ‚Έ (->γ‚ͺγƒͺγ‚ΈγƒŠγƒ«) /