remarkablemark / Universal React Tutorial
Licence: mit
📓 How to build universal web apps with React.
Stars: ✠136
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Universal React Tutorial
Judo Heroes
A React application to showcase rendering with Universal JavaScript
Stars: ✠373 (+174.26%)
Mutual labels: express, universal, tutorial, react-router
Isomorphic Lab
Isomorphic React experimentation
Stars: ✠144 (+5.88%)
Mutual labels: universal, isomorphic, react-router
React Redux Styled Hot Universal
react boilerplate used best practices and focus on performance
Stars: ✠147 (+8.09%)
Mutual labels: universal, isomorphic, react-router
Arc
React starter kit based on Atomic Design
Stars: ✠2,780 (+1944.12%)
Mutual labels: universal, isomorphic, react-router
Webpack Isomorphic Dev Middleware
The webpack-dev-middleware, but for isomorphic applications
Stars: ✠38 (-72.06%)
Mutual labels: express, universal, isomorphic
Express React Boilerplate
🚀🚀🚀 This is a tool that helps programmers create Express & React projects easily base on react-cool-starter.
Stars: ✠32 (-76.47%)
Mutual labels: express, universal, react-router
Simple Universal React Redux
The simplest possible Async Universal React & Redux Boilerplate app, that works on both Mac and Windows
Stars: ✠58 (-57.35%)
Mutual labels: express, universal, react-router
Push Starter
React Redux Starter with SSR 🤖
Stars: ✠43 (-68.38%)
Mutual labels: express, universal, isomorphic
FlipED
A LMS built specifically for Thailand's Education 4.0 system.
Stars: ✠24 (-82.35%)
Mutual labels: isomorphic, react-router, universal
React Redux Saucepan
A minimal and universal react redux starter project. With hot reloading, linting and server-side rendering
Stars: ✠86 (-36.76%)
Mutual labels: express, universal, react-router
React Redux Boilerplate
It is a boilerplate of React-Redux as the infrastructure, which helps to setup a Web APP quickly
Stars: ✠113 (-16.91%)
Mutual labels: universal, isomorphic, tutorial
react-ssr-spa
Server side rendered single page app using reactjs official libraries.
Stars: ✠30 (-77.94%)
Mutual labels: isomorphic, react-router, universal
Isomorphic React
A simple but powerful React application built on a standards-compliant back-end
Stars: ✠318 (+133.82%)
Mutual labels: universal, isomorphic, react-router
Razzle Material Ui Styled Example
Razzle Material-UI example with Styled Components using Express with compression
Stars: ✠117 (-13.97%)
Mutual labels: express, universal, isomorphic
Chat Buy React
Client for beginners to learn, built with React / Redux / Node
Stars: ✠1,026 (+654.41%)
Mutual labels: express, react-router
Jobeir
Building the future of tech jobs search
Stars: ✠47 (-65.44%)
Mutual labels: express, isomorphic
Jose
Universal "JSON Web Almost Everything" - JWA, JWS, JWE, JWT, JWK with no dependencies
Stars: ✠1,029 (+656.62%)
Mutual labels: universal, isomorphic
Universal React Demo
ES6 demo of a simple but scalable React app with react-router, code splitting, server side rendering, and tree shaking.
Stars: ✠50 (-63.24%)
Mutual labels: universal, isomorphic
Danf
Danf is a Node.js full-stack isomorphic OOP framework allowing to code the same way on both client and server sides. It helps you to make deep architectures and handle asynchronous flows in order to help in producing scalable, maintainable, testable and performant applications.
Stars: ✠58 (-57.35%)
Mutual labels: universal, isomorphic
Nuxt.js
The Intuitive Vue(2) Framework
Stars: ✠38,986 (+28566.18%)
Mutual labels: universal, isomorphic
Universal React Tutorial
A tutorial on building universal web applications.
The web application is built with:
Download
$ git clone https://github.com/remarkablemark/universal-react-tutorial.git
$ cd universal-react-tutorial
Tutorials
1. Server-side rendering with React:
$ git checkout v1
$ npm install
$ npm start
2. Building a universal/isomorphic app with React:
$ git checkout v2
$ npm install
$ npm start
3. Passing props in a universal React web app:
$ git checkout v3
$ npm install
$ npm start
4. Server-side routing with [email protected]:
$ git checkout v4
$ npm install
$ npm start
5. Client-side routing with [email protected] (Part 1):
$ git checkout v5
$ npm install
$ npm start
6. Client-side routing with [email protected] (Part 2):
$ git checkout v6
$ npm install
$ npm start
7. Universal rendering with React and Redux:
$ git checkout v7
$ npm install
$ npm start
8. Refactor a React app from ES5 to ES6:
$ git checkout v8
$ npm install
$ npm start
License
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].