Skip to content
This repository has been 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

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

65 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

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 [email protected]: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