<p class="has-line-data" data-line-start="7" data-line-end="8">In this Hasty Treat, Scott and Wes talk about handy utility functions with Just!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sanity__Sponsor_9" name="Sanity__Sponsor_9"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> <a href="http://sanity.io/">Sanity.io</a> 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 <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 class="code-line" data-line-start="12" data-line-end="13"> <a id="LogRocket__Sponsor_12" name= "LogRocket__Sponsor_12"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> 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 <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="15" data-line-end="16"> <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes</h2> <p class="has-line-data" data-line-start="16" data-line-end="17"> 03:44 - What is Just?</p> <ul> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://github.com/angus-c/just">https://github.com/angus-c/just</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> No dependencies</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> It’s written in JS, so you can copy+paste them if you really need it</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> Types available</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <a href= "https://medium.com/@angustweets/just-a12d54221f65#.ljib0mfr5">https://medium.com/@angustweets/just-a12d54221f65#.ljib0mfr5</a></li> </ul> <p class="has-line-data" data-line-start="23" data-line-end="24"> 06:46 - Some nice ones</p> <ul> <li class="has-line-data" data-line-start="24" data-line-end="26"> just-safe-set → deeply setting dynamic object properties <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> <code>set(data, 'a.long[0].path', value)</code></li> </ul> </li> <li class="has-line-data" data-line-start="26" data-line-end="31"> object-typeof <ul> <li class="has-line-data" data-line-start="27" data-line-end="29"> Why not use <code>typeof</code>? <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> Everything is an object</li> </ul> </li> <li class="has-line-data" data-line-start="29" data-line-end="31"> Why not use <code>array.isArray</code>? <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> Handy to have a switch statement</li> </ul> </li> </ul> </li> <li class="has-line-data" data-line-start="31" data-line-end="33"> just-*-case <ul> <li class="has-line-data" data-line-start="32" data-line-end="33"> Camel, kebab, snake</li> </ul> </li> <li class="has-line-data" data-line-start="33" data-line-end="35"> just-compare</li> </ul> <p class="has-line-data" data-line-start="35" data-line-end="36"> 10:54 - Why?</p> <ul> <li class="has-line-data" data-line-start="36" data-line-end="37"> This is the NPM install of Stack Overflow copy+paste</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> Handy as hell</li> <li class="has-line-data" data-line-start="38" data-line-end="41"> Battle-tested <ul> <li class="has-line-data" data-line-start="39" data-line-end="40"> Lots of ways to do simple stuff</li> <li class="has-line-data" data-line-start="40" data-line-end="41"> Sometimes the simple stuff has weird edge cases - these are caught</li> </ul> </li> <li class="has-line-data" data-line-start="41" data-line-end="46"> Sometimes your checks can be messy <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> Check if an object is empty</li> <li class="has-line-data" data-line-start="43" data-line-end="44"> 25 lines</li> <li class="has-line-data" data-line-start="44" data-line-end="46"> Just install it</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="46" data-line-end="47"> 12:05 - Other</p> <ul> <li class="has-line-data" data-line-start="47" data-line-end="48"> Great to learn and test yourself</li> <li class="has-line-data" data-line-start="48" data-line-end="53"> There are tests for each function <ul> <li class="has-line-data" data-line-start="49" data-line-end="50"> Run them</li> <li class="has-line-data" data-line-start="50" data-line-end="51"> See them fail</li> <li class="has-line-data" data-line-start="51" data-line-end="53"> Try and make it so all the tests pass without looking at the source</li> </ul> </li> </ul> <h2 class="code-line" data-line-start="53" data-line-end="54"> <a id="Links_53" name="Links_53"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href= "https://github.com/angus-c/just">https://github.com/angus-c/just</a></li> <li class="has-line-data" data-line-start="55" data-line-end="57"> <a href= "https://github.com/antony">https://github.com/antony</a></li> </ul> <h2 class="code-line" data-line-start="57" data-line-end="58"> <a id="Tweet_us_your_tasty_treats_57" name= "Tweet_us_your_tasty_treats_57"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="62" data-line-end="63"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="63" data-line-end="64"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="64" data-line-end="65"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

Hasty Treat - Handy Utility Functions with Just

Syntax - Tasty Web Development Treats