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