PRPL Pattern

The PRPL pattern is for developing Progressive Web Apps (PWAs).

It stands for:

  • Push critical resources for the initial URL route.
  • Render initial route.
  • Pre-cache remaining routes.
  • Lazy-load and create remaining routes on demand.

I’ve been doing this without knowing about the pattern name, just by using Angular’s best practices lately, but I like lists and easy to remember acronyms and it’s something that I learned about today!