Intro: Time!Kerri and Ash kick this one off by chatting about time! ⏱️

JavaScript libraries mentioned:

  • Luxon
  • data-fns
  • Moment

Also an old blog post by Ash showing how to avoid accidental object mutation with Moment. tl;dr for 2023 and beyond: Don't use Moment. They say so too!

Main topic: MermaidFor this episode's main topic, Kerri introduces Mermaid, which is a:

JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.

Kerri takes us on a tour of the live diagram editor, and then through the docs where our cohosts ponder on different diagram types like user journeys, sequence diagrams, mindmaps, timelines, and more.

Closer: Diagram tool shoutoutsAt the end, Kerri and Ash call out some of their favorite diagram or diagram-adjacent tools.

Kerri's list:

  • Sequence Diagram (Mac App Store)
  • OmniGraffle
  • ditaa

Ash's list:

  • MindNode
  • Tydlig