Log inSign up
Image
user avatar
Steven ⬢
@styfle
🐏 Software Shepherd @vercel 💚 Contributor to @nextjs @reactjs @nodejs @tc39 🤵 Husband & Father ✝️ Jesus lover
::1
styfle.dev
Joined May 2008
1,962
Following
5,657
Followers
  • Pinned
    user avatar
    Steven ⬢
    @styfle
    Aug 13, 2020
    Package Phobia just hit 1000 stars 🌟 🤩 💫
    Image
    GitHub - styfle/packagephobia: ⚖️ Find the cost of adding a new dependency to your project
    From github.com
  • user avatar
    Steven ⬢
    @styfle
    Jul 30, 2021
    Array.prototype.at() is available now! Don't be the _last_ to know about it 🙂 ◦ Chrome 92 ◦ Firefox 90 ◦ Node.js 16.5.0 developer.mozilla.org/en-US/docs/Web…
    const letters = ['a', 'b', 'c'] // old way to get "c" let last1 = letters[letters.length - 1] // another old way to get "c" let last2 = letters.slice(-1)[0] // new way to get "c" let last3 = letters.at(-1)
  • user avatar
    Steven ⬢
    @styfle
    Sep 8, 2018
    ⚛️ The @reactjs team cut the dependency bloat in v16.5.0 quite a bit! 😮 [email protected] is 2x smaller than the previous version... [email protected] is a whopping 8x smaller than the previous version! packagephobia.now.sh/result?p=react
    react 16.5.0 on package phobia
  • user avatar
    Steven ⬢
    @styfle
    Jan 27, 2023
    The TypeScript 5 beta removed an unused 26.3 MB of JS making it smaller than TypeScript 3 🤯 Pro tip: you can track bloat over time using Package Phobia 💚 packagephobia.com/result?p=types…
    A bar chart with major versions of typescript listed on the x-axis (from v0.8 up to v5.0) and bytes on the y-axis (from 2.3 MB up to 63.8 MB)
    137K
  • user avatar
    Steven ⬢
    @styfle
    Jul 2, 2021
    TypeScript 4.4 finally figured out how to narrow types, even when the type guard is not defined inside the `if` statement! For example, this works now:
    const isString = typeof arg === 'string'; if (isString) console.log(arg.toUpperCase());
  • user avatar
    Steven ⬢
    @styfle
    Dec 18, 2021
    Did you know that HTML has a <ruby> element??? It's not what you might think... codesandbox.io/s/thirsty-roma…
    Image
  • user avatar
    Steven ⬢
    @styfle
    Mar 6, 2024
    Node.js now has a built-in API for styling text (similar to `chalk`, `picocolors`, etc) nodejs.org/docs/latest/ap…
    import { styleText } from 'node:util'; const errorMessage = styleText('red', 'Error: example'); console.log(errorMessage);
    36K
  • user avatar
    Steven ⬢
    @styfle
    Mar 10, 2020
    - XML is too verbose - JSON doesn’t have comments - YAML thinks Norway is False - TOML has 10 ways to represent 1 thing - INI is not standardized I think we can conclude that configuration is just bad.
    user avatar
    Scott Hanselman 🌮
    @shanselman
    Mar 9, 2020
    YAML CAN KISS MY &SS
    Image
    GIF
  • user avatar
    Steven ⬢
    @styfle
    Sep 12, 2023
    From 75 to 800+ upvotes in less than 24 hours. We heard you and we shipped 🚀
    A screenshot of github discussions, showing 824 upvotes. The marked answer says "Good news, Vercel now supports bun install with zero configuration!"
    💡 Add support for bun install MarkLyck started on Apr 9 in Ideas @MarkLyck @Jarred-Sumner @gabrielmaldi 11 💡 IPv6 Support maxstoyanov started on Dec 21, 2020 in Ideas @maxstoyanov @nikolaik @darrenmothersele 59 💡 HIPAA Compliance / Ability to Sign BAA croossin started on Jun 30, 2022 in Ideas @croossin @chriscantu @davidtiede 26
    user avatar
    Jarred Sumner
    Bun
    @jarredsumner
    Sep 11, 2023
    bun install support is the most upvoted idea of all time in the @vercel github org discussions page
    55K
  • user avatar
    Steven ⬢
    @styfle
    Jun 5, 2021
    Does twitter support hex colors? Let's see... 🟩 #77b058 🟥 #dc2d44 🟦 #54aced
  • user avatar
    Steven ⬢
    @styfle
    Dec 8, 2021
    Rust passed Swift in number of GitHub Stars 🌟 Whats next, passing TypeScript? 🤯
    Image
  • user avatar
    Steven ⬢
    @styfle
    Oct 14, 2022
    If you have scripts in your package.json that call other scripts, make sure they are package agnostic by using "$npm_execpath" This ensures the package manager you used to start the script is used to run the nested scripts. This is particularly important for "postinstall"!
    yarn run js && yarn run css
    $npm_execpath run js && $npm_execpath run css
  • user avatar
    Steven ⬢
    @styfle
    Jan 9, 2022
    I was gone for a few weeks and arrived home to find this 🤩
    Mug, water bottle, hoodie, beanie, card in front of a box. All Vercel branded.
  • user avatar
    Steven ⬢
    @styfle
    May 1, 2022
    In 2010, I bought a domain to host my web apps and get a custom email address. Back then, GApps was free for 5 users (renamed to GSuite and now Google Workspace) but today its $6/user/mo. Instead of paying $30/mo for vanity email, I now pay $1/mo with iCloud+ forwarding.