Profile picture
, 8 tweets, 6 min read
My Authors
Read all threads
✍️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…
@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.
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!
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 ()
Other Metrics: environment info is so key to debugging.

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`.
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
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!
Missing some Tweet in this thread? You can try to force a refresh.

Enjoying this thread?

Keep Current with shawn swyx wang🤗

Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

More from @swyx see all

Profile picture
shawn swyx wang🤗
@swyx
👍🏽The 36 Questions That Lead to Love

Mutual vulnerability is so powerful. Go thru these 3 sets of intimate questions with your partner - guaranteed to learn more about each other!

1 - Given the choice of anyone in the world, whom would you want as a dinner guest?

(1/36)
Would you like to be famous? In what way?

(2/36)
Before making a call, do you ever rehearse what you are going to say? Why?

(3/36)
Read 38 tweets

Related threads

Profile picture
Literal Warmth 💕
@liminal_warmth
Now presenting, @Liminal_Warmth’s top tips for preparing for a career in product management:
1) Practice explaining the difference between product management, project management, and program management to people in the mirror so you can learn to mask your despair when you realize they still have no fucking idea what you do for a living
2) Buy a whiteboard and practice drawing arrows, boxes, and dollar signs until they look crisp, smooth, and flawless on the first pass. Execs love a nice crisp dollar sign.
Read 43 tweets
Profile picture
JavaScript Joel 🍻
@joelnet
🔥🔥🔥 The #1 Recursion (Syntax) Twitter Thread

This thread will demonstrate an easy way to write recursive functions

The recursion will so be compared to a for loop for familiarity

Tail Calls and Performance discussed later, Syntax Only!

gist/theme at end 👇

#javascript
Step 1: Create your iteration variable(s)

In recursion, it can be easier to set a default value. Pass `i` again when calling `loop` on the `return` line

#javascript #code #dev #es6
Step 2: Add a break condition

Like a for loop, add the break before you write your code. This will prevent infinite looping.

Notice how the for loop is a "continue" and the recursion uses a "break". That means the condition must be flipped for recursion

#javascript #nodejs
Read 10 tweets
Profile picture
Andy Budd
@andybudd
Things I hold to be true #1

You are not your user, so stop designing for yourself. Understanding what your users need and communicating that around the organisation is super important.
However research doesn't tell you what to do, so don't rely on it too heavily. Otherwise you can get stuck down rabbit holes and paralysis sets in. So focus on getting just enough research to inform decision making.
FYI I'm aware that "user" is a contention term, so have mostly used it here for the sake of brevity. Feel free to substitute it with whatever term you feel most comfortable with.
Read 28 tweets
Profile picture
Robin Wieruch
@rwieruch
I felt super nostalgic the last week and wrote an homage about why every JavaScript developer should learn Redux 😅

robinwieruch.de/redux-javascri…
Even though you will not use Redux on a daily basis, there are just too many hidden gems in learning it; which will benefit every #JavaScript developer.



Here it comes 👇🍿
⏯️ Redux in a nutshell in context of a UI library like React 👇
Read 17 tweets
Profile picture
Charity Majors
@mipsytipsy
people often ask me for links where they can learn about observability. i often link to @copyconstruct pieces, the honeycomb ebook, my own stuff. but now i have a new favorite, because these slides from @dotpem's talk at @QConSF .. are.. 💣💥. qconsf.com/system/files/p…
it's a rare set of slides that is funny yet informative, that tells a dense story visually without narration. @dotpem covers the origin story, the business case, metrics/logs/traces, sampling, even an intro to @honeycombio .. all without losing the plot. qconsf.com/system/files/p…
it's so freaking gratifying and awesome to see somebody tell the story better than i do. i get way too down in the weeds sometimes. brb sprucing up my own slides with screenshots of nathan's ...
Read 35 tweets

Trending hashtags

#Whatever #TurtleSquad #bughunting #JSForWPConf #designequity #CodeForLunch #Ind40inAus #code #participatorydesign #WordPress #CloudNativeLondon #servicedesign #ux #postofficetrial #GoogleUdacityScholars #es6 #LunchNCode #GrowWithUdacity #designthinking #JavaScript #design #observability #udacity #JS #ColdWar

Embed code for your website

×
Follow Us on Twitter!

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just three indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!