The Platform Paradigm

Working with the web, not against it

  • HTML
  • HTTP
  • Browser APIs
  • Web Standards

HTML Forms

<form method="post">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name" required>
  <button type="submit">Submit</button>
</form>

Browser Navigation

/products
/products/1
/products/1/reviews

Platform Benefits

  • Better reliability
  • Improved accessibility
  • Simpler debugging
  • More predictable performance

Goals for today

  • Survey the latest ways that data is handled in a React application
  • Get hands on experience using everything
  • Make choices from there

Client Apps (SPA)

Benefits


  • Navigation without refresh
  • Strong separation between server and client responsibilities
  • Can achieve performance wins with lazy loading, code splitting, preloading

Drawbacks

 

  • The bigger the bundle, the slower the app
  • SEO Limitations
  • Need additional help with data fetching/caching

 

 

Remix Slides

By Moon Highway

Remix Slides

  • 152