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
- 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
- Clone repo
git clone [email protected]:atulmy/universal-react.git universal-react
- Install NPM modules
cd universal-react
andnpm install
- Run
npm run start
- 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)
- 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
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
Atul Yadav - GitHub β’ Twitter
Copyright (c) 2017 Atul Yadav http://github.com/atulmy
The MIT License (http://www.opensource.org/licenses/mit-license.php)