JSFoo: round the year submissions

We rebuilt the whole mobile web experience for authenticated users in 11 weeks only! It looks and feels just like our native apps while maintaining the fast load times expected of mobile web. We used cutting edge technologies which led to a 40% increase in each of our core engagement metrics and up to 30% in time spent. But it was not all sunshine and rainbows ! In this talk I will share challenges, technologies and best practices that we used for the new Mobile Website.

Outline

1. Intro
2. The state of the old Mobile Web (tweets from users, feedback, metrics and data)
3. Rebuild from scratch or migrate incrementally ?
4. Technical details of the implementation:
5. Smart Bundling
6. Progressive image loading
7. Native app feel - PWA
8. First page load
9. Repeat page loads
10. Precaching strategies (Service Worker)
11. Solving React rendering performance pain-points (Masonry grid throttling).
12. Improving Perceived performance
13. TapArea and “native feel” for touch (feels like native app)
14. Data management and Normalized Redux Store
15. Immutability
16. Shallow props
17. PureComponents (perf impact of Pure components)
18. Optimistic state
19. Future
20. Results
21. Questions

I attached a link to the slides. Also, please note, since it’s a PDF format, it can’t show all the cool features of the presentation. The original presentation is about 0.5gb, it contains videos, animations and other beautiful things :)

Speaker bio

I’m a software engineer on Core Experience Team at Pinterest. Passionate about React. I was a Tech Lead while we were migrating Pinterest to React. After migrating the desktop website we decided to bring back to life our mobile website. Before I was a software engineer on Newsfeed at Facebook.

Slides

https://drive.google.com/open?id=1V8ULqz3Yip7nE2SR-E14BsG1VQqAs-aQ