Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sven Anders Robbestad, Inmeta Consulting AS, Os...

Sven Anders Robbestad, Inmeta Consulting AS, Oslo — Mastering Server-rendered Apps

Sven Anders Robbestad, Inmeta Consulting AS, Oslo — Mastering Server-rendered Apps

Creating a fully server-rendered app is perhaps the most intimidating challenge a React dev faces. This talk will show you how to wrap your mind around the React, Express, shared routing and data flow Redux and come out the other end with a fully realised server-rendered app.

React Amsterdam

April 21, 2016
Tweet

More Decks by React Amsterdam

Other Decks in Technology

Transcript

  1. ...the user is using using adblock and you've named a

    critical JS bundle with something related to ads 24
  2. Rendering your content before you serve them makes: Google happy

    Slow computers happy Smart phones happy NoScript happy 27
  3. Advantages Less work on the client = faster render App

    works even if your JS bundle breaks Reuse code from the frontend And if the user has NoScript Or is a bot like Google and Internet Archive 36
  4. Drawbacks Need to write a complex server file Relatively slow

    due to lack of optimisations like cache Need to rely on a fetch method before render 37
  5. 39

  6. Resources, Q&A • http://bit.ly/isomorphicreact • Out of the box solution:

    fluxible.io • http://bit.ly/reactjsbook My twitter: #svenardocom Tweet from the conference with the hashtag #reactamsterdam 40