✍️Observability Tools in JavaScript: Improving the JavaScript Developer Experience when Things Go Wrong
Some tips and tools on adding Metrics, Logs, Traces, and Events to your JS/@Nodejs code.
TLDR: Add Observability. Don't log too much. Mostly `debug`.
swyx.io/writing/js-obs…
Some tips and tools on adding Metrics, Logs, Traces, and Events to your JS/@Nodejs code.
TLDR: Add Observability. Don't log too much. Mostly `debug`.
swyx.io/writing/js-obs…
@nodejs @honeycombio defines it as being able to answer any questions about whats happening on the inside of the system just by observing the outside of the system, without having to ship new code.
We break tools down to Metrics, Logs, Traces, and Events.
We break tools down to Metrics, Logs, Traces, and Events.
Metrics: Bundle Size: swyx.io/writing/js-obs…
We need tools that report and help hold the line on bundle size - see Webpack's tooling and check out @_developit's `compressed-size-action` GitHub action!
We need tools that report and help hold the line on bundle size - see Webpack's tooling and check out @_developit's `compressed-size-action` GitHub action!
Metric: Speed swyx.io/writing/js-obs…
Gradual slowdown can be hard to notice. Get familiar with console.time, the User Timing API, and build reporting tools with memory like @brian_d_vaughn's Progress Estimator ()
Gradual slowdown can be hard to notice. Get familiar with console.time, the User Timing API, and build reporting tools with memory like @brian_d_vaughn's Progress Estimator ()
Other Metrics: environment info is so key to debugging.
Ask for @trevorbrindlejs' envinfo in every GitHub issue!
swyx.io/writing/js-obs…
Ask for @trevorbrindlejs' envinfo in every GitHub issue!
swyx.io/writing/js-obs…
Logs: swyx.io/writing/js-obs…
Stream error and app logs. Structure them nicely. Use syslog log levels and `debug`.
Stream error and app logs. Structure them nicely. Use syslog log levels and `debug`.
Traces: A record of an API call that's made from one part of my application to another swyx.io/writing/js-obs…
`debug` stuff and clean up stack traces with @sindresorhus' clean-stack
`debug` stuff and clean up stack traces with @sindresorhus' clean-stack
Events: An indication of a state change of some type swyx.io/writing/js-obs…
Use `uuid` to generate uuid's and `concordance` to diff values for change events!
Use `uuid` to generate uuid's and `concordance` to diff values for change events!
