DEV Community

Syntax - Tasty Web Development Treats

Hasty Treat - Handy Utility Functions with Just

In this Hasty Treat, Scott and Wes talk about handy utility functions with Just!

Sanity - Sponsor

Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.

LogRocket - Sponsor

LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.

Show Notes

03:44 - What is Just?

06:46 - Some nice ones

  • just-safe-set → deeply setting dynamic object properties
    • set(data, 'a.long[0].path', value)
  • object-typeof
    • Why not use typeof?
      • Everything is an object
    • Why not use array.isArray?
      • Handy to have a switch statement
  • just-*-case
    • Camel, kebab, snake
  • just-compare

10:54 - Why?

  • This is the NPM install of Stack Overflow copy+paste
  • Handy as hell
  • Battle-tested
    • Lots of ways to do simple stuff
    • Sometimes the simple stuff has weird edge cases - these are caught
  • Sometimes your checks can be messy
    • Check if an object is empty
    • 25 lines
    • Just install it

12:05 - Other

  • Great to learn and test yourself
  • There are tests for each function
    • Run them
    • See them fail
    • Try and make it so all the tests pass without looking at the source
Links Tweet us your tasty treats!

Episode source