GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - remarkablemark/universal-react-tutorial: :notebook: How to build universal web apps with React.

BranchesTags
Open more actions menu

Latest commit

 

History

48 Commits
48 Commits

Folders and files

NameName
Last commit message
Last commit date
public
public
 
 
routes
routes
 
 
views
views
 
 
.gitignore
.gitignore
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
client.js
client.js
 
 
package.json
package.json
 
 
server.js
server.js
 
 
webpack.config.js
webpack.config.js
 
 

Repository files navigation

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://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 react-router@3:

$ git checkout v4
$ npm install
$ npm start

5. Client-side routing with react-router@3 (Part 1):

$ git checkout v5
$ npm install
$ npm start

6. Client-side routing with react-router@3 (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

MIT

About

📓 How to build universal web apps with React.

b.remarkabl.org/react-playlist

Topics

expressisomorphicnodejsreactreact-routerreduxscreencasttutorialuniversaluniversal-react-tutorial

Resources

Readme
MIT license

Code of conduct

Code of conduct
Activity

Stars

135 stars

Watchers

9 watching

Forks

24 forks
Report repository

Releases

Sponsor this project

Packages

Used by

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.