parcel-react-ssr
Example of SSR with React and ParcelJS
Last updated a year ago by exon .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install parcel-react-ssr 
SYNC missed versions from official npm registry.

parcel-react-ssr

Simple example of how to do server-rendering. You will not believe how easy it is!

Using:

  • parcel-bundler
  • react
  • react-router-dom
  • react-helmet (SEO)

How to run

  • npm run dev - Run the development server with hot reload but no server-rendering
  • npm run build - Build for production, required before running
  • npm start - Start the production server

How does it work?

To do proper server-rendering, the code is bundled in two version: one for the browser and one for Node.js.

The browser version is in the dist/client folder and the Node.js version is in dist/server. However, they both share the same public path for their files: /dist and it points to the browser version. Go read the code, it's pretty straightforward!

Read the code!

  1. package.json - Start by reading the scripts section to understand how the build process works. Yes it's that dead simple!
  2. app/index.html - Your only HTML file acting as a template
  3. app/App.jsx - Your main application component shared between your browser and Node.js version
  4. app/HelloWorld.jsx - Dead simple hello world
  5. app/HelloWorld.scss - Example of SCSS
  6. server/index.js - Entry point for your Node.js version
  7. server/middleware.js - Middleware taking care of server-rendering
  8. server/generateHtml.js - Generate the HTML using index.html as the template with cheerio

Current Tags

  • 0.4.0                                ...           latest (a year ago)

6 Versions

  • 0.4.0                                ...           a year ago
  • 0.3.2                                ...           2 years ago
  • 0.3.1                                ...           2 years ago
  • 0.3.0                                ...           2 years ago
  • 0.2.0                                ...           2 years ago
  • 0.1.0                                ...           2 years ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 6
Last Day 0
Last Week 0
Last Month 0
Dependencies (6)
Dev Dependencies (3)
Dependents (0)
None

Copyright 2014 - 2017 © taobao.org |