��
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
stateto prevent re-fetch
▶️
Running
- Clone repo
git clone git@github.com:atulmy/universal-react.git universal-react - Install NPM modules
cd universal-reactandnpm 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
��
License
Copyright (c) 2017 Atul Yadav http://github.com/atulmy
The MIT License (http://www.opensource.org/licenses/mit-license.php)
-
描述 (Description) 通用选择器选择文档中可用的所有元素。 语法 (Syntax) 以下是使用此选择器的简单语法 - $('*') 参数 (Parameters) 以下是此选择器使用的所有参数的说明 - * - 一个象征性的明星。 返回值 (Returns) 与任何其他jQuery选择器一样，此选择器也返回一个填充了found元素的数组。 例子 (Example) $('*')选择文
-
universal Please support this project by simply putting a GitHub star. Share this library with friends on twitter and everywhere else you can. universal is a seed project for Angular Universal apps fo
-
Universal React Redux Boilerplate A universal React/Redux boilerplate with sensible defaults. Out of the box, thisboilerplate comes with: Server-side rendering with Express Code splitting with dynamic
-
Koa React Universal koa2、react、react-universal-component、koa-webpack-server、async/await、code-splitting、hot-module-replacement、react-router4、redux-thunk This project is dedicated to build simple yet po
-
Universal React Tutorial A tutorial on building universal web applications. The web application is built with: Node.js Express React ReactRouter Redux and ReactRedux Download $ git clone https://githu
-
Angular RU Universal Starter If you like this project please show your support with a GitHub star. Much appreciated! Repository with Angular CLI and Angular Universal Translations: Русский English Rom