Building a Static HTML & Web App Frankenstein

Date: 
Tuesday, April 24, 2018 - 18:30
Source: 
Web Performance NY
Attendees: 
68
City: 
New York
Price: 
5.00

Life is easy when what you’re building fits cleanly into a category. If you are building a large interactive web app, you go with an app framework like react, etc. If you’re building a small informational site, you go with a statically generated website. But what if you’re halfway in between? Loading a full app leads to poor performance and more needlessly complex code if only some sections of your site are interactive, and manually building out two-way data binding and rendering components seems like a waste when react/etc already exist.

In this session, we will discuss how to leverage reshape, a babel-like html parser and plugin platform, and spike, a static site generator that includes reshape, to run a fully static website that incorporates selectively rendered and rehydrated react components in certain interactive portions, and why makes your site easier to maintain for developers, and better performing for your users.

Speaker: Jeff Escalante (http://www.jeffescalante.com) worked at an agency owned by VICE for 7 years as a lead developer, and now works at HashiCorp (https://www.hashicorp.com/), running marketing technology. He has gone way too deep into static site generation and javascript in general, and always prioritizes performance. You can also find him on Twitter @jescalan.

Spotify (http://www.spotify.com/) is hosting us again. And they still have food and beer!

As always, we are going to have geekaways with geeky prizes provided by our sponsors.

Agenda:

6:30 - Arrive at Spotify, meet other members
6:45 - Event starts
7:00 - Building a Static HTML & Web App Frankenstein (Jeff Escalante)
8:00 - Q&A
8:15 - "Books and Stuff" geekaways
8:30 - Open Discussion, Networking

Location:

Spotify
45 West 18th St
7th floor
New York, NY

Directions on Google Maps (https://goo.gl/Yq2SlG)

Entrance on StreetView (https://goo.gl/ZHmHEV)

Our Sponsor:

Fastly (http://www.fastly.com/) is the only CDN that gives businesses complete control over how they serve content and the ability to cache frequently changing content at the edge.

Spotify

45 W 18th St, 7th floor