Steven ⬢ @styfle Twitter profile

Pinned Tweet

Steven ⬢

@styfle

4 years

Package Phobia just hit 1000 stars 🌟 🤩 💫

GitHub - styfle/packagephobia: ⚖️ Find the cost of adding a new dependency to your project

⚖️ Find the cost of adding a new dependency to your project - styfle/packagephobia

github.com

3

2

53

Last Seen Profiles

@polska_md

@REXLumLum

@ems_ass

@Jeremy4LA

@cj_dinenage

@TriStCoalCats

@Slingshot1206

@mubaiwa_anna

@ASA_SKAT

@boyerism

@SourDeeezle

@FeldiantoPembe6

@sophiatheMILFx

@wipe_me_down

@Piratecatte

@shionakg

@svenmikser

@healthhackmainz

@antoniolscosta

@KarvatShachaf

@aasif

@Ultra_Calls

@PublicLab

@23Crimson

@JoseDiegoRP

@JoeT_Radio

@CrossoverBNews

@NUHCharity

@CadenDolezal

@thecaravanindia

@gpollara

@devensec

@Binance_Connect

@svenmikser

@BomberosDipuALC

@metori_vtuber

Steven ⬢

@styfle

3 years

() is available now! Don't be the _last_ to know about it 🙂 ◦ Chrome 92 ◦ Firefox 90 ◦ Node.js 16.5.0

21

215

944

Steven ⬢

@styfle

6 years

⚛️ The @reactjs team cut the dependency bloat in v16.5.0 quite a bit! 😮 react-dom @16 .5.0 is 2x smaller than the previous version... react @16 .5.0 is a whopping 8x smaller than the previous version!

10

283

863

Steven ⬢

@styfle

1 year

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 💚

13

60

832

Steven ⬢

@styfle

3 years

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:

7

68

546

Steven ⬢

@styfle

2 years

Did you know that HTML has a <ruby> element??? It's not what you might think...

11

82

497

Steven ⬢

@styfle

2 months

Node.js now has a built-in API for styling text (similar to `chalk`, `picocolors`, etc)

6

87

465

Steven ⬢

@styfle

4 years

- 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.

Scott Hanselman 🌮

@shanselman

4 years

YAML CAN KISS MY &SS

148

170

1K

25

50

316

Steven ⬢

@styfle

8 months

From 75 to 800+ upvotes in less than 24 hours. We heard you and we shipped 🚀

Jarred Sumner

@jarredsumner

8 months

bun install support is the most upvoted idea of all time in the @vercel github org discussions page

20

25

884

5

11

309

Steven ⬢

@styfle

3 years

Does twitter support hex colors? Let's see... 🟩 #77b058 🟥 #dc2d44 🟦 #54aced

22

13

304

Steven ⬢

@styfle

2 years

Rust passed Swift in number of GitHub Stars 🌟 Whats next, passing TypeScript? 🤯

4

38

303

Steven ⬢

@styfle

2 years

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"!

9

24

275

Steven ⬢

@styfle

2 years

I was gone for a few weeks and arrived home to find this 🤩

11

5

239

Steven ⬢

@styfle

2 years

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.

20

13

233

Steven ⬢

@styfle

5 years

Devs like JavaScript because they get instant feedback by running the code. Devs like TypeScript because they get instant feedback by writing the code.

1

43

216

Steven ⬢

@styfle

5 years

Today is my first day at @zeithq 🎉 🥳✨ I am excited to work with an amazing team on a marvelous product 😁 Also, it's a remote position so I can wear whatever I want (actual work attire pictured below) 😇

22

2

219

Steven ⬢

@styfle

3 years

Squash is the best 🤌 - Clean history on main - Encourage smaller PRs - Don’t bother contributors to follow commit conventions - Shallow clone depth becomes useful - Revert a PR with a single commit

GitHub

@github

3 years

Merge, squash or rebase? What do you prefer and why?

119

80

242

4

39

199

Steven ⬢

@styfle

3 years

@shanselman explains "Hello World" in the cloud

3

28

193

Steven ⬢

@styfle

3 years

Chrome 93 will support client hint headers. This means you can detect if the user prefers dark mode before executing any client-side CSS/JS. This is useful for inlined CSS sent with the initial page load.

4

34

155

Steven ⬢

@styfle

4 years

@danoliver Another photo with the owl's head turned away 🤯

1

22

138

Steven ⬢

@styfle

8 months

Web Streams, FormData, Headers, Request, Response, and fetch are all considered stable in @nodejs 🐢🚀

doc: promote fetch/webstreams from experimental to stable by styfle · Pull Request #45684 ·...

This PR implements documentation changes related to #45287 Text for the notable-change label: The fetch() implementation in Node.js becomes stable. It currently passes 1282 of the 1453 applicable ...

github.com

5

30

138

Steven ⬢

@styfle

4 years

ZEIT Now deploys my code faster than GitHub Actions can finish unit tests⚡️

8

9

132

Steven ⬢

@styfle

3 years

October recap for Next.js 🟣 300 PRs merged ☑️ 216 issues closed 📝 69 contributors 🕊️ 84 canary releases 🚀 3 stable releases #hacktoberfest

4

3

131

Steven ⬢

@styfle

3 years

now shows package downloads per version 🎉

4

15

122

Steven ⬢

@styfle

4 years

@thekitze You mean that Cmd + Shift + A is not an intuitive keystroke to mute/unmute yourself? 😆 Its like "select all" but for your mouth.

5

6

115

Steven ⬢

@styfle

3 months

:feels-so-good:

7

0

112

Steven ⬢

@styfle

5 years

TIL that npm run script can use a --if-present flag 🤯 npm run build --if-present npm test

1

21

104

Steven ⬢

@styfle

5 years

I agree, these stale bots are causing more problems than they solve. Just because an issue is old, doesn't mean it is invalid 🤷‍♂️

8

12

102

Steven ⬢

@styfle

2 years

Goncy: Do you like snacks? Me: Is that a trick question? Yes! Goncy: Just wanted to say thanks, sending you a package with some snacks from Argentina. Me: 🤯

6

0

103

Steven ⬢

@styfle

1 year

My 2022 GitHub stats • 3956 total contributions • 2200 commits made • 680 PRs created • 17 badges achieved • 2 new repositories

3

1

99

Steven ⬢

@styfle

1 year

TFW you can’t decide what to pack

10

1

95

Steven ⬢

@styfle

4 months

5 years and 2800 PRs later, still shipping hand-crafted code with incredible people at @vercel

Steven ⬢

@styfle

5 years

Today is my first day at @zeithq 🎉 🥳✨ I am excited to work with an amazing team on a marvelous product 😁 Also, it's a remote position so I can wear whatever I want (actual work attire pictured below) 😇

22

2

219

13

1

95

Steven ⬢

@styfle

4 months

import { getImageProps } from 'next/image' Now stable in Next.js 14.1 🚀

Lee Robinson

@leeerob

11 months

We're improving @nextjs /image to support: ◆ Using the <picture> tag ◆ Handling art direction ◆ Light/dark mode images ◆ Serving different images for HiDPI displays Landing soon on `canary` – kudos to @styfle 👏

18

76

895

2

4

89

Steven ⬢

@styfle

5 years

Every theme selector should have 3 options: - Light - Dark - System Preference Great job @ChromiumDev for implementing this! 🌚🌝

19

5

87

Steven ⬢

@styfle

6 years

@reactjs > we found similar vulnerabilities in a few other popular front-end libraries. We have coordinated this release together with Vue and Preact releases fixing the same issue. It's great to see collaboration efforts, especially when it comes to security 💙

0

1

86

Steven ⬢

@styfle

1 year

Mug shot

4

0

88

Steven ⬢

@styfle

5 years

Next.js is moving to TypeScript

Vercel

@vercel

5 years

Next.js 8: ⬩ Serverless Next.js ⬩ Massive build-time memory usage reduction ⬩ Build-time environment configuration ⬩ Prefetch performance improvements ⬩ Smaller initial HTML size ⬩ Faster Static Export ⬩ Security improvements

19

424

1K

2

19

83

Steven ⬢

@styfle

4 months

A discussion about enabling Corepack in Node.js by default is happening now 🎉

enable corepack by default · Issue #50963 · nodejs/node

What is the problem this feature will solve? we try to use corepack and "packageManager" to force developers use the same pnpm version, but developers always forget to enable corepack(bec...

github.com

10

81

Steven ⬢

@styfle

2 years

Ever wondered what Layout Shift is and why you don't want it? Demo:

6

8

79

Steven ⬢

@styfle

1 year

Dynamic without limits swag box arrived 😎

5

1

80

Steven ⬢

@styfle

1 year

The most recent @nextjs canary was published with npm provenance 🔒

1

2

73

Steven ⬢

@styfle

3 months

@nodejs I am fond the the original but the new one is good too!

0

1

73

Steven ⬢

@styfle

4 years

Does your code use "magic" strings? Never fear, @typescript is here!

4

9

73

Steven ⬢

@styfle

8 months

We have something exciting in the oven

8

1

70

Steven ⬢

@styfle

1 year

I just landed a PR in Octokit to use native fetch. This means all those annoying node-fetch warnings you currently see will soon go away.

BREAKING CHANGE: remove `node-fetch` in favor of global by styfle · Pull Request #580 · octokit/r...

Resolves #456 Resolves #422 Resolves #432 Behavior Before the change? Previously you could run this on Node.js 14 and 16 without manually polyfilling fetch. After the change? With this PR it will...

github.com

4

0

68

Steven ⬢

@styfle

7 months

Steven ⬢

@styfle

8 months

We have something exciting in the oven

8

1

70

7

0

67

Steven ⬢

@styfle

4 years

RAMA WORKS M60-A ZEIT Limited Edition keyboard 🤩 I’ll post more in the thread as I unbox this beauty...

3

4

65

Steven ⬢

@styfle

7 months

@nodejs What's wrong with the current mascot design? ✨🐢🚀✨

1

2

66

Steven ⬢

@styfle

2 years

A good question to ask yourself to avoid Layout Shift: "Is the layout being defined by the CSS [exclusively] or is it defined by the CSS plus the HTML content?"

4

3

66

Steven ⬢

@styfle

3 years

Drop party from Next.js Conf just arrived ▲

3

2

65

Steven ⬢

@styfle

2 years

We like to think @nextjs has great defaults, so let's drop ES5 bloat 🤠 Checkout the RFC below 👀

RFC: Change default JS/CSS output to target modern browsers · vercel next.js · Discussion #33227

Edit: This shipped in Next.js 13! Learn more: https://nextjs.org/blog/next-13 Background Next.js currently targets ES5 for JS output and autoprefixes CSS in order to support legacy browsers. This r...

github.com

0

4

65

Steven ⬢

@styfle

5 years

@drosenwasser Here's the details

1

2

63

Steven ⬢

@styfle

2 years

This is a perfect use case for Next.js Middleware! In a few minutes, we went from an idea to reality!

conrad

@notcnrad

2 years

If I didn't care about my spending habits, I'd buy and have it redirect to @vercel projects because the amount of times I've mistyped it on mobile is mildly infuriating

4

0

41

2

4

62

Steven ⬢

@styfle

2 years

So exciting to be here at #nextjsconf

2

63

Steven ⬢

@styfle

5 years

The zeit/ms repo is in the top 10 most depended on GitHub 🎉

2

13

62

Steven ⬢

@styfle

1 year

GitHub is A/B testing a purple header Or it could be a bug We'll find out shortly

4

1

60

Steven ⬢

@styfle

5 years

Isomorphic React + TypeScript on @zeithq Now 2.0

GitHub - styfle/react-server-example-tsx: ⚛️ Boilerplate for isomorphic web app with React server...

⚛️ Boilerplate for isomorphic web app with React server-side rendering in TypeScript - styfle/react-server-example-tsx

github.com

0

13

60

Steven ⬢

@styfle

4 years

Its been one year since I joined ZEIT and I'm celebrating by giving my first public talk today 😊🗣🤯

Steven ⬢

@styfle

5 years

Today is my first day at @zeithq 🎉 🥳✨ I am excited to work with an amazing team on a marvelous product 😁 Also, it's a remote position so I can wear whatever I want (actual work attire pictured below) 😇

22

2

219

5

2

60

Steven ⬢

@styfle

2 years

hat tip @pacocoursey docs:

Add an email domain you already own to iCloud Mail on iCloud.com

On iCloud.com, you can configure a custom email domain you already own to customize iCloud Mail.

support.apple.com

1

0

60

Steven ⬢

@styfle

6 years

Package Phobia is tracking 4000 unique npm packages! 🎇 Maybe you recognize some of these... - webpack - rollup - preact - unfetch - axios - marked - dompurify - serve - micro - commander - kleur Add the "install size" badge to your README too! 🛡️

2

11

57

Steven ⬢

@styfle

5 years

"Write code for the idiot who has to maintain it a year from now because chances are, that idiot will be you" – Some Programmer

0

18

55

Steven ⬢

@styfle

27 days

@yagiznizipli @vercel Lots of Vercelians contribute to Node.js @TooTallNate gyp and proxy @ArrowoodTech fetch @shuding_ website The list goes on…

2

0

55

Steven ⬢

@styfle

6 years

@kevin_backhouse All of those movie plots finally make sense: Alice: I'll just reboot their security systems which should give us 30 seconds to get in and get out of the building Bob: But how can we reboot without getting into the datacenter? Alice: All I need is to get close enough for wifi

1

6

53

Steven ⬢

@styfle

6 years

Thanks @ChromiumDev for making fetch happen!

0

11

55

Steven ⬢

@styfle

1 year

Even though Base 64 isn't safe to use for URLs or Filenames, there is an alternative alphabet designed for this use case. Just swap `base64` with `base64url` 😇

1

0

55

Steven ⬢

@styfle

1 year

More importantly, TS 5 is significantly faster

1

3

53

Steven ⬢

@styfle

3 years

will now show a TS logo when the package ships with types 🤩 Thanks to @orta for writing the RFC 👏

0

4

54

Steven ⬢

@styfle

5 years

Smart phones have replaced: - telephone - web browser - camera - newspaper - flashlight - remote - credit card - tape measure - etc

2

12

53

Steven ⬢

@styfle

11 months

This is a long time coming, with a lot of different iterations and designs. Give it a try and let me known if this solves your use cases or if there is something we need to change.

Lee Robinson

@leeerob

11 months

We're improving @nextjs /image to support: ◆ Using the <picture> tag ◆ Handling art direction ◆ Light/dark mode images ◆ Serving different images for HiDPI displays Landing soon on `canary` – kudos to @styfle 👏

18

76

895

1

2

52

Steven ⬢

@styfle

5 years

@zeithq TIL that the ZEIT Org in the top 20 most starred on GitHub 📈 That's more than Node, Go, .NET, or Rust 😮

1

9

50

Steven ⬢

@styfle

5 years

Really good stuff in here... 1. Automate the addition of JSDoc types 2. bring ESLint's TypeScript support to parity with TSLint 3. Team is involved in TC39 and the Node modules group 4. Writing tailored intros for devs with different backgrounds 5. Faster builds

TypeScript

@typescript

5 years

Curious about what we're working on for the next 6 months? We'd love to hear your thoughts about our plans!

19

173

509

2

15

51

Steven ⬢

@styfle

5 years

Shoutout to @alixaxel who did all the hard work of compressing Chromium to make it work well with serverless environments. Looks like a new version was just released today. Keep up the great work!

Guillermo Rauch

@rauchg

5 years

Serverless puppeteer / headless chrome (v. @styfle ) One fresh browser instance per request (𝑑𝑒𝑡𝑎𝑖𝑙𝑒𝑑 𝑤𝑟𝑖𝑡𝑒𝑢𝑝 𝑐𝑜𝑚𝑖𝑛𝑔 𝑢𝑝 𝑛𝑒𝑥𝑡)

12

139

756

1

11

49

Steven ⬢

@styfle

6 years

@horse_js Type Safety vs JavaScript

2

14

49

Steven ⬢

@styfle

2 years

I was today years old when I learned that nearly every car tells you which side the gas cap is on (look for a tiny arrow pointing left or right) h/t my wife (aka wyfle)

4

1

47

Steven ⬢

@styfle

2 years

Me: I just reached 3000 followers! Wife: That’s amazing! There are 3000 people using Twitter?

4

0

48

Steven ⬢

@styfle

5 years

Did you know that @github turns hex strings into a color?

1

5

46

Steven ⬢

@styfle

3 years

My Christmas gift came early 🤩

3

1

47

Steven ⬢

@styfle

4 years

Frontend developers should try out ZEIT Now ▲ Enjoy zero config deployments without the hassle ⚡️ 🔢No need to setup DNS 🔒No need to setup SSL 🌩️No need to setup a CDN 🤑No need for a credit card ⛴️git push to deploy

Tejas Kumar

@TejasKumar_

4 years

You are a frontend developer. You need to get something in the cloud. Your tool of choice (and why) is: (Reply with reason please)

244

112

414

1

3

47

Steven ⬢

@styfle

2 years

So many great features in Node.js 18! - fetch - web streams - test runner - userland snapshot - single-file executable coming soon

1

6

47

Steven ⬢

@styfle

6 years

@becca__z @github There should be different options for PRs besides Approve and Request Changes. Here's how it looks in VSTS:

2

4

45

Steven ⬢

@styfle

4 years

I created a script to cancel previous running actions for the same branch when you push a new commit. Thanks to @mscccc for pointing out the Workflow API. Should I turn it into a generic GH Action you can add to your repo? Would you use it?

6

5

45

Steven ⬢

@styfle

6 years

A little bit of digging found that @dan_abramov removed the dependency on fbjs (roughly 2.4 MB). Great job Dan!

Remove fbjs dependency by gaearon · Pull Request #13069 · facebook/react

This removes our runtime dependency on fbjs for a few reasons: We didn't get much value from it, the changes are pretty rare It obscures what we're bundling and sometimes is more generic t...

github.com

0

1

47

Steven ⬢

@styfle

5 years

@natfriedman Maybe use orange instead of red??

1

0

44

Steven ⬢

@styfle

3 years

@chriscoyier I added it to the list 😶

GitHub - styfle/breaking-changes-web: 💢 A list of breaking changes to the web platform

💢 A list of breaking changes to the web platform. Contribute to styfle/breaking-changes-web development by creating an account on GitHub.

github.com

0

6

45

Steven ⬢

@styfle

2 years

I've reviewed over 1000 PRs in the last 6 months ...and that's just the Vercel org 🤯

6

0

44

Steven ⬢

@styfle

5 years

This is some next-level dev trolling 👺😂

3

22

43

Steven ⬢

@styfle

1 year

Did you about the `npm pkg` command? It lets you easily read and write package.json

4

44

Steven ⬢

@styfle

1 month

I just migrated an old hobby project from @PlanetScale MySQL to @vercel Postgres. • npm uninstall mysql and @types /mysql • npm i @vercel /postgres • conn.query(str) → sql`str` • tinyint(1) → boolean • enabled = 1 → enabled = TRUE • ISNULL(n), n ASC → n ASC NULLS FIRST

9

1

43

Steven ⬢

@styfle

3 months

Once this ships, we can stop using Node Buffer and switch everything to Uint8Array 🤗

Rob Palmer

@robpalmer2

3 months

ECMAScript excitement 😉 Congrats to @bakkoting on advancing Base64 encoding & decoding to Stage 3 @TC39 🎉 This allows converting Uint8Buffers to and from Base64/Hex strings 👍 let buf = Uint8Array.fromBase64(str); let str = buf.toBase64();

5

14

114

3

4

42

Steven ⬢

@styfle

5 years

Did you know you write a static website with .md files and deploy to @zeithq without managing dependencies? The best part is that unlike GitHub Pages, each PR will automatically deploy to a unique URL so you can see how the changes look/feel before merging to master! 🥳

1

6

42

Steven ⬢

@styfle

5 years

Package Phobia is running on @zeithq Now 2.0 and is noticeably faster 🤩

3

6

42

Steven ⬢

@styfle

2 years

That's so fetch

0

3

40

Steven ⬢

@styfle

3 years

So glad GitHub Actions changed "re-run all jobs" from two clicks to just one click 🖱️ Now all we need is "re-run failed jobs" 😄

1

0

41

Steven ⬢

@styfle

5 years

@dan_abramov @rauchg React Components = Legos 🙂 "Stepping" on a component = adding state to a functional component 😖 React Hooks = shoes 👟

0

1

39

Steven ⬢

@styfle

3 years

@amesimmons @Twitter Let me choose when to refresh the home page. Don’t auto update while I’m in the middle of reading.

1

0

40

Steven ⬢

@styfle

6 years

This won't decrease your bundle size but it will decrease your docker image size for faster builds and faster unfreezing on @zeithq

1

2

40

Steven ⬢

@styfle

4 months

npm @10 .4.0 now correctly downloads the libc binaries from optionalDependencies 🎉 (previously it would download both glibc and musl binaries which would slow down npm install)

[RRFC] Add libc fields to select optionalDependencies should be installed or skipped · Issue #438 ·...

Motivation ("The Why") Example For my packages published as prebuilt native addons, I config the native packages cross-platform as optionalDependencies to let npm choose the suitable one ...

github.com

2

6

38

Steven ⬢

@styfle

4 years

@markdalgleish