Isomorphic/Universal ReactJS Apps

By: David Novicki

Who am I?

 WHAT?!

Single page applications

Pros

Cons

  • User experience
  • Javascript dependent
  • Less strain on backend
  • Prerendering
  • Poor SEO
  • Allows more control for developer

Server Rendering

Pros

Cons

  • SEO
  • Inefficient
  • Fast 'First to Print'
  • Less control
  • More strain on backend
  • Simple

Isomorphic/Universal

  • Predictable SEO
  • Fast 'First to Print'
  • Not JS dependent
  • Preloaded state

How it works

How NodeJS plays a role

How React plays a role

Demo

//github.com/supercycle91/isomorphic-demo

Caveats

  • Page speed tests
  • Increased complexity
  • Restriction on DOM specific tools
  • Safety checks

Thank you

david@dermveda.com

Isomorphic/Universal React

By David Novicki

Isomorphic/Universal React

  • 198