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:https://github.com/atulmy
The MIT License (http:https://www.opensource.org/licenses/mit-license.php)