Building a Better Web
June 19–20, 2017: Training
June 20–22, 2017: Tutorials & Conference
San Jose, CA

Creating a scalable, secure, offline-first, dynamic (static) website with React and serverless architecture

David Wells (Serverless)
11:00am–11:40am Thursday, June 22, 2017
Performance Matters
 Location: 210 DH
Secondary topics:  Designing for performance, Progressive web apps, UX optimization
Average rating: ****.
(4.00, 3 ratings)

Who is this presentation for?

  • Front- and backend developers

Prerequisite knowledge

  • Familiarity with JavaScript and React (useful but not required)

What you'll learn

  • Learn how to provide a great offline-first user experience across all frontend touchpoints
  • Discover how companies can leverage and reuse code across teams via React components to move faster and provide a more consistent UX

Description

React is surging in popularity as a modern build tool. David Wells explores how to use React, markdown, service workers, CDNs, and serverless computing to build sites, blogs, docs, and SaaS products using the same code base. Join in to find out why “static” websites aren’t so static anymore and how they can deliver a state-of-the-art user experience using progressive web app techniques.

David explains how service workers and static site rendering via React can achieve a lightning-fast site user experience and provide an offline-first experience (aka progressive web application), how your React codebase can be used for both application development and other frontend web projects (including marketing sites and company blogs), and how to leverage React, Phenomic.io, and AWS Lambda for a cost-effective, infinitely scalable marketing site, blog, or web app (or all three together) without worrying about servers, load balancers, or large monthly hosting bills.

Topics include:

  • Service workers for offline access and faster page loads
  • Statically rendered pages via React at build time
  • CDN static site delivery via an automated CI/CD system
  • Using React Router and Redux for a smooth single-page application
  • Improved performance via code splitting and optimistic loading between page transitions
  • Offloading server-side logic to serverless functions and third-party services to scale automatically based on demand
Photo of David Wells

David Wells

Serverless

David Wells is a full stack developer at Serverless, Inc. in San Francisco. He is passionate about developer experience and creating products that are powerful and easy to use. David’s previous roles include lead UI/UX developer at Mulesoft and founder of Inbound Now, an open source marketing software platform. He has consulted with hundreds of companies to implement conversion optimization strategies to increase inbound web leads. David specializes in JavaScript, HTML, CSS, marketing, and UI/ UX.