Shipping High Performance

Web Apps

With Real User Monitoring & Synthetics

(Artist: Unknown)

Hi, I'm Ben (aka @obensource)

Getting Started

WebSound App

Hack on a practical example

Setup a Dashboard

Optimize User Journeys

By using Synthetic Monitoring in the CI/CD Pipeline

Q & A

Observability

Staying informed about App performance & Health

Watching how components perform together

Debugging & Optimization

Feel their pain

and do something about it

Delight people

and add value

Make every
millisecond count

Demo Time!
 

?

Bundling

Web Workers

Data Layers & State Objects

Component Frameworks

CSS Preprocessing

etc...

Web Assembly

Query Languages

Transpolation

Constantly Observe

Let's Hack

Building a Dashboard

Using Synthetic Tests in a

CI/CD Pipeline

(to Optimize User Journeys)

Workshop

Takeaways

Storedog

db: a PostgreSQL database

 

frontend: Storedog's front end

 

discounts: a Python Flask API

 

advertisements: another Python Flask API

 

agent: The Datadog agent

Services

Let's hit it!

Questions?

Links / Resources

Workshop Repos

Coming to you soon (in a follow up email)
 

Twitter

https://twitter.com/obensource


RUM

https://docs.datadoghq.com/real_user_monitoring/


Synthetics

https://docs.datadoghq.com/synthetics/

 

Thank you 🙏

Copy of Shipping High Performance React Apps with Datadog and Real User Monitoring

By Ben Michel

Copy of Shipping High Performance React Apps with Datadog and Real User Monitoring

A workshop for React Summit 2021! 😎

  • 642