Andrew Branch @atcb Twitter profile

Last Seen Profiles

@NikSamotracia

@stw_pdg

@nyanyav303

@ChachwalSrang

@m0riartyy_

@hiiinaaanano

@HarpeHardi

@cukienaknikmati

@lmdllh00929173

@jenitosmile

@LaVergneTNPD

@danielcawrey

@inkedPOZguy

@FeysalyV56156

@taub_ho

@EU_MSP_Platform

@ShelbuLynd

@web3scottt

@Amiright

@DJT_Aye

@MIKE_IRVIN

@vaughansoccercl

@targaryenblak

@idol_corp

@stw_pdg

@valy_s

@NeilFlochMD

@MediaSpringPk

@AlanTradingYT

@georgemarsh_99

@SamuelDebr85099

@stw_pdg

@sklphith

@papo_perch

@LashayReek41823

@x_suckafree

Andrew Branch

@atcb

1 year

Let’s look at each piece of this to go over what it does, why it is (or more often *isn’t*) needed, and why I can tell this package.json is misconfigured just from this small snippet. 🧵

alistair

@alistaiir

1 year

It is *crazy* how ALL of this is needed to just publish a package in today's JS ecosystem...

50

34

632

27

156

1K

Andrew Branch

@atcb

3 years

Want a view of what the TypeScript compiler sees in your project? ⏱ tsc --extendedDiagnostics How long stuff took and how big/complex it is. 📜 tsc --listFiles List of every file included in the compilation. 🧠 tsc --explainFiles List of every file and *why* it’s included.

4

90

480

Andrew Branch

@atcb

10 months

Since February, I’ve been spending part of my time rewriting TypeScript’s modules documentation, replacing years-outdated content and adding some that’s never been written down. There’s always more to write, but I’m publishing it officially today. 1/5

10

63

451

Andrew Branch

@atcb

3 years

One small quality of life improvement for frontend devs in TypeScript 4.3: you can now jump into imported files TypeScript doesn’t understand, like CSS.

5

50

346

Andrew Branch

@atcb

4 years

Of the TypeScript features I’ve worked on, this may be the one I’m personally most excited to use: better support for `require` in auto-imports for plain JS.

8

35

188

Andrew Branch

@atcb

5 years

New things: I’m joining the #TypeScript team starting next week! Incredibly excited and grateful for the opportunity to work full-time on a product I love and use daily. So much to learn! 😍

5

172

Andrew Branch

@atcb

11 months

What if TypeScript libraries published just .ts sources to npm instead of .js and .d.ts files? This might already be tempting for Bun-only libraries, but how will that impact users? This is easy to answer by experimenting on existing libraries that ship .js, .d.ts, *and* .ts. 🧵

Matt Pocock

@mattpocockuk

11 months

What if Node supported TypeScript?

152

19

877

11

19

182

Andrew Branch

@atcb

5 years

Holy smokes, @Netlify ’s onboarding experience for an existing @gatsbyjs site is *incredible.* I... think I just migrated my blog in like... 5 minutes (plus waiting for DNS propagation)? 🤯👏🏼

6

5

158

Andrew Branch

@atcb

3 years

📢 Feedback wanted! TypeScript 4.4’s auto-imports will show you the proper import specifier, respecting path mappings and node_modules, instead of the direct path to the exporting file. You can try it out now with VS Code Insiders and TS nightly.

5

16

167

Andrew Branch

@atcb

3 years

This is now shipped in TypeScript 4.3 beta and VS Code Insiders! Help me out by giving it a try and reporting any issues you find on GitHub 😄

@[email protected] --leave-this-site

@orta

3 years

Folks are going to love this (hopefully 4.3) TypeScript import change from @atcb

6

81

502

7

30

140

Andrew Branch

@atcb

2 years

Hey @github you probably know this by now, but it seems like ⌘-enter is now closing issues instead of just posting comments, and chaos is reigning supreme

4

5

133

Andrew Branch

@atcb

1 year

There seems to be a common misconception that this will work. TypeScript will not read JS files inside node_modules by default. Writing JSDoc is great, but you still need to generate declaration files before shipping to npm.

MJ

@mjackson

1 year

If you write a library in .ts files, when you publish at a minimum you’ll have 2 files for every source file: a .js file with your implementation and a .d.ts file with all your declarations. If you publish source maps (sourceMaps: true) you will also have a .js.map file. If you

53

27

297

4

13

107

Andrew Branch

@atcb

8 years

When #Xamarin joined Microsoft, I knew there would be some changes, but I wasn’t expecting this:

2

80

92

Andrew Branch

@atcb

1 year

If you’re writing TS code and running the output in Node—no bundler, esbuild-kit/tsx—and you don’t have "module": "nodenext", "moduleResolution": "nodenext" things are going to be very broken for you. Node will fight you every step of the way and TS won’t help. Let TS help.

5

4

89

Andrew Branch

@atcb

1 year

7. I’m on vacation and can’t believe I just got baited into thinking about modules for this long, but at work, I’m writing TS-centric docs for all this stuff, and I also have a WIP tool for validating packages to catch the TS-specific problems I addressed:

Are The Types Wrong?

Tool for analyzing TypeScript types of npm packages

arethetypeswrong.github.io

2

5

85

Andrew Branch

@atcb

9 months

Almost everyone: [incredulous angry noises involving TypeScript and SemVer] Me: [planning changes I’m going to make in August 2025 because I’m not allowed to make them before 6.0] 🤷

6

4

82

Andrew Branch

@atcb

4 years

That went by quickly. I’ve been on the TypeScript team one year today. 😮

6

1

73

Andrew Branch

@atcb

1 year

🌶️ Path aliases were added in 2015 to complement config for the RequireJS AMD module loader for the browser, popular at the time. If you’re using it in 2023 to create a resolution that doesn’t independently work at runtime, despite docs begging you not to, that might be a mistake

alex 🟡

@astahmer_dev

1 year

tsconfig path aliases were a mistake

7

4

38

14

6

78

Andrew Branch

@atcb

2 years

The excitement for this is awesome to see. Big thanks to everyone giving it a try. A lot of people are asking why this isn’t the default Go To Definition behavior or if they can bind this to ctrl/cmd+click. The answer is probably too complicated for Twitter but let me try... 🧵

1

13

78

Andrew Branch

@atcb

2 years

STOP DOING SYMBOL MERGING

8

10

76

Andrew Branch

@atcb

5 years

Computer scientists clearly never looked at a tree in real life. Spoiler alert: the leaves are on the *top*

5

12

68

Andrew Branch

@atcb

5 years

I wrote a @gatsbyjs syntax highlighting plugin that uses VS Code’s highlighting engine with its languages and themes, built-in or from any extension in the VS marketplace. Also has built-in OS dark mode support 😎 Let me know if you try it out!

GitHub - andrewbranch/gatsby-remark-vscode: Gatsby plugin to provide VS Code’s syntax highlighting...

Gatsby plugin to provide VS Code’s syntax highlighting to Markdown code fences - andrewbranch/gatsby-remark-vscode

github.com

3

13

67

Andrew Branch

@atcb

1 year

now has links to full explainers on every problem kind detailing the symptoms users will see and common causes. Links to each can also be found on the README:

GitHub - arethetypeswrong/arethetypeswrong.github.io: Tool for analyzing TypeScript types of npm...

Tool for analyzing TypeScript types of npm packages - arethetypeswrong/arethetypeswrong.github.io

github.com

2

8

73

Andrew Branch

@atcb

1 year

tsup 7.1.0 now emits the correct file extensions and quantity of type declaration files. This could be a big deal for Making The Types Less Wrong. Go update please! 🎉

Ensure matching declaration file exists for each output bundle format by andrewbranch · Pull...

👋 Hi, I work on the TypeScript team on module-related stuff. I’ve been researching problems with typings in npm packages for a long time, and made https://arethetypeswrong.github.io to help. I’ve...

github.com

9

14

71

Andrew Branch

@atcb

1 year

has the best design for an OSS tool: - Low noise, high text density - Marketing content is limited to half a page - Everything is just 5 long pages so you can ⌘F - Detailed site nav is always visible with no accordions or hovers (more ⌘F love) 👏❤️

4

0

68

Andrew Branch

@atcb

8 months

@mattpocockuk I’m working on a blog post that explains what’s going on under the hood with this! A deep-ish dive on symbols and declaration merging.

6

1

69

Andrew Branch

@atcb

5 years

This is the first I’ve seen the timings from a profile in the code gutters. This is really cool.

2

6

62

Andrew Branch

@atcb

11 months

💙 This is, I think, the *only* dual emit tool that provides the full strength of TypeScript’s checking for both output formats. Most tools do transformations they can’t guarantee and tsc can’t know about. This tool wraps tsc into a cleaner DX for dual building. Such good work 👏

isaacs

@izs

11 months

I've seen people talking about how hard it is to ship TypeScript modules that work with both CommonJS and ESM. Indeed, it can be a dark art. I made a thing that makes it very simple:

10

43

298

3

11

63

Andrew Branch

@atcb

5 years

📢 New blog post (along with a visual refresh)! Featuring union signatures, contravariance, distributive conditional types, how to crash TypeScript 3.4, and not one but TWO hand-drawn pictures of an adorable rabbit!

Writing Type-Safe Polymorphic React Components (Without Crashing TypeScript) ∙ Andrew Branch

A blog about TypeScript, mostly.

blog.andrewbran.ch

9

60

Andrew Branch

@atcb

2 years

One obstacle to having a good experience with TypeScript is npm packages that have adopted ESM or new Node resolution features, but haven’t (or have incorrectly) updated their types. I’m throwing together a tool to identify those problems. Sneak peak:

Are The Types Wrong?

Tool for analyzing TypeScript types of npm packages

arethetypeswrong.github.io

6

8

63

Andrew Branch

@atcb

1 year

7. (cont) @bluwyoo ’s is also great for the non-TS side of package validation. Thanks @alistaiir for being a good sport and providing an example of an issue I see pretty much every day ❤️ Ok, going back to the beach ☀️

11

4

61

Andrew Branch

@atcb

5 years

Oh hey this release has some of my code in it, hope it works 🙃

TypeScript

@typescript

5 years

Our release candidate of TypeScript 3.5 is now available with significant performance improvements! Please try it out and give us your feedback!

14

411

1K

3

1

54

Andrew Branch

@atcb

1 year

My daily coding experience just got so much better. Big thanks to @andhaveaniceday and @DavidSherret 🎉

dprint the codebase by jakebailey · Pull Request #54820 · microsoft/TypeScript

Be aware that elements of this stack are generated (like my modules PR); I'm going to be (intermittently) force pushing to keep it up to date as effectively any change to main causes a conf...

github.com

4

5

59

Andrew Branch

@atcb

7 months

Deleted Twitter from my phone. I really like seeing what TypeScript stuff you all are talking about, and I even feel like that has a positive impact on my work, on the margins. But I waste more time than I need to. I’ll try to check notifications and DMs over lunch most days. ✌️

2

0

53

Andrew Branch

@atcb

1 year

📣 A community member contributed a CLI for arethetypeswrong! 👏 Thanks so much to ej-shafran on GitHub!

1

11

51

Andrew Branch

@atcb

1 year

1. `"type": "module"` makes Node interpret *.js files and makes TypeScript interpret *.js, *.ts, and *.d.ts files as ES modules. (Some bundlers respect/enforce this too.) For Node, this means `require` and `module` will be undefined, the file must use import/export syntax, and...

1

50

Andrew Branch

@atcb

10 months

@DavidKPiano /** @internal */ properties get stripped from declaration emit so you can use them but your users can’t, if that’s the goal?

3

1

49

Andrew Branch

@atcb

1 year

💙 / @arethetypeswrong /cli now support checking a package against types from DefinitelyTyped. DT tooling doesn’t currently check for module format disagreements, so it would be nice to integrate this into PR checks.

2

4

45

Andrew Branch

@atcb

1 year

Doesn’t feel like I’ve been working on TypeScript for four years. Hoping to finish that “What I Learned In A Year Of Working On TypeScript” blog post I’ve been thinking about by my 5-year mark

Andrew Branch

@atcb

5 years

New things: I’m joining the #TypeScript team starting next week! Incredibly excited and grateful for the opportunity to work full-time on a product I love and use daily. So much to learn! 😍

5

172

2

0

43

Andrew Branch

@atcb

5 years

Just noticed that yesterday I merged my 100th PR into @typescript 🤯 These nine months have gone by super fast!

0

1

41

Andrew Branch

@atcb

8 months

This isn’t wrong per se, but I feel like some people (not Matteo) assume the absence of *guarantees* about breaks means TypeScript and DefinitelyTyped will indiscriminately merge anything at any time. We are typically not, in fact, trying to break your builds just for funsies

Matteo Collina

@matteocollina

8 months

Devs: we want the safety of TypeScript TS: every minor might include breaking change DefinitelyTyped: every release might include breaking changes Module authors: it's okay to ship breaking changes to types in minor releases Developers: your minor update broke our build!

42

23

347

6

3

44

Andrew Branch

@atcb

9 months

Thoughts about how applicable this advice is to libraries: Thanks @mattpocockuk and @tpillard for the discussion.

Is `nodenext` right for libraries that don’t target Node.js? ∙ Andrew Branch

Settling a Twitter debate the only way I know how: you’re both right, but not as right as me.

blog.andrewbran.ch

Matt Pocock

@mattpocockuk

9 months

A quick visual guide on the only two valid settings for module/moduleResolution in TypeScript. When you're transpiling with tsc, use NodeNext. EVERY OTHER TIME, use ESNext/Bundler.

20

72

653

2

11

45

Andrew Branch

@atcb

2 years

It finally came! If you are learning TypeScript, may I suggest Learning TypeScript. There’s so much TS content out there, it can be hard to tell the good from the bad. I’ll make it easy: this is the good. Herein @JoshuaKGoldberg not only says CORRECT FACTS but also GOOD OPINIONS!

2

41

Andrew Branch

@atcb

1 year

Bundlers disagree about whether to replicate Node’s ESM/CJS interop in .mjs files. Webpack and esbuild do (and I support this approach) but it looks like they might be the only ones. What’s the right way? What should we encourage future bundlers to do?

3

6

42

Andrew Branch

@atcb

1 year

3. AFAIK `module` is something bundlers made up and we should consider it superseded by `exports`. Node does not use it; TypeScript does not use it. I think we should stop using it if possible since it adds noise to a noisy space.

3

0

41

Andrew Branch

@atcb

3 years

Today is a “Learning Day” at work, so instead of going to meetings and working on TypeScript, I bought @thorstenball ’s compiler book and am going to learn about bytecode and VMs. Super excited!

1

2

32

Andrew Branch

@atcb

5 years

Five years ago today, I finished backpacking from Georgia to Maine on the Appalachian Trail. Kinda miss it!

2

1

32

Andrew Branch

@atcb

5 years

Apparently 15% of #TypeScript issues I’ve closed since joining the team (in April) have been fixes/improvements related to auto imports. I wonder if it’s a noticeable difference to a typical user, or if it’s just a bunch of edge cases that make a big difference to a few people?

6

4

32

Andrew Branch

@atcb

1 year

This is maybe the first time I’ve seen the replies to a tweet bemoaning something about ESM lean more toward “actually this is good” than “ESM is a disaster.” Maybe we’re reaching a turning point.

Kent C. Dodds 🌌

@kentcdodds

1 year

So like, we're all just ok that ESM requires you to include the extension of the module you're importing? 😩

55

5

156

1

36

Andrew Branch

@atcb

11 months

So many snarky takes about this. TypeScript is 11 years old and this syntax predates the existence of ESM. The reason it’s not just var/let/const is those can’t declare a type: const Foo = require("foo") const f = new Foo() // ok const g: Foo = f // Cannot use 'Foo' as a type

Matt Pocock

@mattpocockuk

11 months

HOW did I not know this syntax existed? This gives you full type safety with require in TypeScript. Feeling like a prize idiot.

86

49

814

2

4

36

Andrew Branch

@atcb

8 months

When a user reports errors to a package author, I’m always nervous how they’ll respond. But the last several interactions I’ve been pinged on have been super positive 💙 Congrats on an improved date-fns release! So happy folks are finding attw useful 😊

Sasha 🐑💨 Koss ✱

@kossnocorp

8 months

Good news: I just shipped date-fns @3 .0.0-alpha.2 with improved types. Now it's all green on arethetypeswrong! Thanks to @karlhorky and @atcb for pointing me to the problem. The bad news is that I forgot `--tag next`, so now it's the latest release 🫠

1

0

18

4

3

35

Andrew Branch

@atcb

10 months

Secondly, modules is a triggering topic, and some disagree with decisions TS has made. 99% of people are capable of doing so respectfully. I think I have a resasonably healthy level of emotional distance from my work, but prolonged exposure to the negativity takes a toll. 3/5

1

0

35

Andrew Branch

@atcb

5 years

Who wants to buy this T-shirt?

3

2

32

Andrew Branch

@atcb

4 years

The 172 hardest problems in computer science are cache invalidation, naming things, and off-by-169 errors

1

0

32

Andrew Branch

@atcb

10 months

I’m excited, but unexpectedly nervous to have this out. For one, I’ve spent so long with it, it’s approaching the point of semantic satiation for me. I can’t trust my own judgment of the quality of the content anymore. 2/5

1

33

Andrew Branch

@atcb

5 years

VS @code Insiders debugger now lets you jump backwards to the beginning of a function 🤯

2

10

32

Andrew Branch

@atcb

9 months

New blog infrastructure → first blog post in 3.5 years

New Blog ∙ Andrew Branch

Moving from Gatsby to Eleventy and breaking a three-and-a-half-year writing hiatus.

blog.andrewbran.ch

4

2

32

Andrew Branch

@atcb

1 year

Ok, the types are wrong, but are they getting less wrong over time? I’m not sure yet, but I just published a JSON file with 17,041 arethetypeswrong runs of the top npm packages from the 1st of every month since Jan 2022, so I should be able to find out.

npm: @arethetypeswrong/history

This package provides `@arethetypeswrong/core` analysis for every [npm-high-impact](https://github.com/wooorm/npm-high-impact) package at the latest version available on the first of every month...

www.npmjs.com

2

3

32

Andrew Branch

@atcb

5 years

Just noticed another thing @Netlify currently does better than CloudFront: gzips WASM automatically. I had a to-do item to automate compression on my end before uploading to S3... 😱🙅🏻‍♂️

1

4

30

Andrew Branch

@atcb

6 years

. @1Password ’s “password history” feature just saved me while updating an expired password in a form that didn’t submit correctly. Don’t know if that’s a new feature in 7, but either way, I love this app more every day ❤️

3

1

24

Andrew Branch

@atcb

2 years

🧑‍💻 2014: I have 17 JS files, how do I turn them into just one? 🧑‍💻 2022: I have 17 bundlers, how do I quit JavaScript

Andrew Branch

@atcb

2 years

Doing an audit of module resolution features in popular runtimes and bundlers. What should I add to this list? - Node <= 10 - Node >= 12 - Modern browsers - Deno - Webpack - Vite - esbuild - Parcel - Snowpack (Better yet, does a nice table of these already exist somewhere?)

15

2

21

2

32

Andrew Branch

@atcb

2 years

can now recognize types that incorrectly use `export default` when they should use `export =` (which is the most common module typing mistake I see). This analysis has limitations, but I bet it’s usually right. Let me know if you see a weird result.

3

32

Andrew Branch

@atcb

10 months

A common thread in TS module confusion I’ve seen is a missing/incorrect mental model of how the compiler “thinks” about modules. I hope these docs build a shared understanding of what we’re doing here, even if you don’t like it, so we can start conversations on the same page. 4/5

1

32

Andrew Branch

@atcb

1 year

1. (cont) Big picture: `"type": "module"` does not make an ESM package—there’s no such thing; CJS/ESM is determined per-file—and there is another way to make ESM files. `"type"` just changes the interpretation of the kind-ambiguous extensions.

1

2

31

Andrew Branch

@atcb

1 year

1. (cont) The presence or absence of `"type": "module"` can always be overridden on a per-file basis by changing its extension to the module-kind-specific variant, i.e. .cjs/.cts/.mjs/.mts. The only difference to be aware of is that you can’t use extensionless imports...

1

0

31

Andrew Branch

@atcb

1 year

2. `main` will not be processed by anyone who understands `exports` if `exports` exists. Probably wise to keep it around for good back compat, but Node versions who need it are all EOL.

1

0

30

Andrew Branch

@atcb

10 months

Feedback is welcome on the PR or at , where I have something of a to-do list at the bottom already. 5/5

Module documentation tracking issue · Issue #52593 · microsoft/TypeScript

I’m working on new documentation for modules in TypeScript. I’ll use this issue to track progress. Related: #51876 #52412 #51267

github.com

1

0

30

Andrew Branch

@atcb

6 years

I made a blog where all the code samples are interactive. You can see type information and compiler errors and even edit the code, if you want. Built with #React and #TypeScript , my first post is about (you guessed it) React and TypeScript. Enjoy!

Expressive React Component APIs with Discriminated Unions ∙ Andrew Branch

A blog about TypeScript, mostly.

blog.andrewbran.ch

6

10

26

Andrew Branch

@atcb

1 year

5. (cont) My advice is not to use `types` at all, and instead let extension matching do its work. There needs to be a dist/index.d.cjs file present. After that, you can delete `types` (both in `exports` and at top level!) and everything is perfect.

2

0

28

Andrew Branch

@atcb

5 years

@brian_lovin Have you checked out Accessibility Insights?

Accessibility Insights for Web - Chrome Web Store

Accessibility Insights for Web helps developers quickly find and fix accessibility issues.

chromewebstore.google.com

0

25

Andrew Branch

@atcb

3 years

✅ This wouldn't be a breaking change in existing TypeScript/JavaScript code ✅ This wouldn't change the runtime behavior of existing JavaScript code ✅ This feature would agree with the rest of TypeScript's Design Goals ⬜️ This is not a duplicate of #9998

3

1

26

Andrew Branch

@atcb

10 months

@youyuxi I would love to see first-class .d.ts emit/bundling as part of this. Rollup makes it too easy to make libraries with broken typings because of a lack of symmetry between ts→js and ts→d.ts transforms. Want to chat with me / the team? 😃

3

0

28

Andrew Branch

@atcb

1 year

@SeaRyanC Sounds like that will pair nicely with mine, “The most popular TypeScript features I’ve worked on, and why you shouldn’t use them”

2

0

28

Andrew Branch

@atcb

1 year

This was such a fun conversation! Make sure to check out the rest of MiTS’s videos too. They just wrapped up a series of challenges showcasing some truly bananas TypeScript wizardry.

Michigan TypeScript

@MiTypeScript

1 year

We sat down with @atcb from the @typescript team to discuss AreTheTypesWrong, a project that analyzes npm package contents for issues with their TypeScript types, particularly ESM-related module resolution issues.

2

8

36

2

26

Andrew Branch

@atcb

1 year

@mattpocockuk Yes, this Rust code is completely invalid syntax

1

0

26

Andrew Branch

@atcb

1 year

Ok still no but I respect the effort

3

1

27

Andrew Branch

@atcb

9 months

@mattpocockuk The type space absolute value operator, even though it doesn’t work too well 🤪

4

0

27

Andrew Branch

@atcb

1 year

An update on Go To Source Definition. In VS Code Nightly, you can now replace Go To Definition with Go To Source Definition with a preference, allowing you to ctrl-click / ⌘-click and use the default F12 keyboard shortcut.

Andrew Branch

@atcb

2 years

The excitement for this is awesome to see. Big thanks to everyone giving it a try. A lot of people are asking why this isn’t the default Go To Definition behavior or if they can bind this to ctrl/cmd+click. The answer is probably too complicated for Twitter but let me try... 🧵

1

13

78

1

5

27

Andrew Branch

@atcb

1 year

These packages fixed FalseCJS/FalseESM since April: tslib (😅) commander acorn postcss is-what copy-anything helmet msgpackr csv dexie Nice work! 💙 I haven’t gone and looked, but does anyone know anything about the fixes for any of these? Love to see a success story play out.

Andrew Branch

@atcb

1 year

Ok, the types are wrong, but are they getting less wrong over time? I’m not sure yet, but I just published a JSON file with 17,041 arethetypeswrong runs of the top npm packages from the 1st of every month since Jan 2022, so I should be able to find out.

2

3

32

4

0

25

Andrew Branch

@atcb

11 months

“Misery resolution algorithm” is perhaps the best typo—dare I say Freudian slip?—I have ever seen

Boshen

@boshen_c

11 months

@robpalmer2 @atcb There are two parts to the misery resolution algorithm: the order we look for directories, and the extensions we use to lookup files. For directory orders, all algorithms conform to the node.js spec. For extension lookups, bundlers need their own rules, hence the current mess.

1

0

6

2

1

26

Andrew Branch

@atcb

5 years

I’m not very good at self promoting, so I guess I would be remiss not to RT someone else promoting me 😄

Jared Palmer

@jaredpalmer

5 years

@orta @swyx @typescript wtf this is the coolest blog I’ve ever seen. The tooltip with typescript info is 🔥

1

0

22

1

2

22

Andrew Branch

@atcb

11 months

Takeaway: do not skip .d.ts emit if you care about your users’ DX, even in a world where all your users can consume TS directly.

2

4

27

Andrew Branch

@atcb

1 year

Real question: who exactly is being served by dual ESM/CJS npm packages? I want the ecosystem to move to ESM, but if you need to ship CJS for compat right now, I understand. But then, why ship both? (Please don’t tell me ESM is more tree-shakable without citing your sources.)

13

0

26

Andrew Branch

@atcb

1 year

I’m super excited to be speaking about at #TSCongress . You can register and watch the live stream for free :) See you September 21 & 22! (My badge seems to have a random snippet from my conference bio, and it’s... too perfect 😂)

Are The Types Wrong?

Tool for analyzing TypeScript types of npm packages

arethetypeswrong.github.io

1

4

26

Andrew Branch

@atcb

4 years

A kickstarter I backed that’s ~2 years overdue on fulfillment has just informed me that COVID-19 is impacting their ability to deliver 🤨

2

0

22

Andrew Branch

@atcb

5 years

Overheard at @microsoft today: “Your team is in charge of accessibility for [product], right?” “Everyone is in charge of accessibility.” 👏🏼👏🏼👏🏼

2

1

19

Andrew Branch

@atcb

1 year

6. (cont) There are surely valid scenarios to ship just CJS or just ESM. I don’t recommend the former because I think a full transition of the ecosystem to ESM is inevitable and an eventual good, with significant growing pains...

1

0

25

Andrew Branch

@atcb

5 years

Can 12 people please unstar #TypeScript so I can get a screenshot without cheating

Andrew Branch

@atcb

5 years

Nooooo I missed it!

0

8

4

0

20

Andrew Branch

@atcb

2 years

With apologies to @drosenwasser : How Twitter renders a link preview for the TypeScript 4.8 blog post vs. how Microsoft Teams renders it... 🤔

3

0

23

Andrew Branch

@atcb

2 years

Some folks will like this because it enforces using type-only imports wherever possible. But the effect I’m most excited about is it makes it really obvious whether you’re writing an ES module or CJS module. 🧵

Rob Palmer

@robpalmer2

2 years

Typescript treats 😉 Congrats to @atcb on landing the new "verbatimModuleSyntax" option in @typescript heading for TypeScript 5.0 🎉 This simplifies how TS import statements are compiled to JS. Only the parts of the import marked with `type` get erased.

2

32

1

2

24

Andrew Branch

@atcb

2 years

“We are excited to introduce a new module resolution setting, named with input from the community: `BundlyMcBundlerface`”

2

23

Andrew Branch

@atcb

10 months

I decided to go with the second option 📷 Paul Carr

Andrew Branch

@atcb

10 months

It’s sad (though personally reassuring that I’m not just a particularly unlikeable communicator) that Matt is getting the same level of outrage as I get when I explain it. So should I reply to every comment or maybe it’s time for a vacation

4

0

18

5

0

23

Andrew Branch

@atcb

5 years

You know, the way you usually start a sentence

3

0

22

Andrew Branch

@atcb

1 year

1. (cont) import paths must use file extensions. (TypeScript applies the same rules to .ts files so stuff works when you compile to .js and run in Node, and to .d.ts files because that extension represents a *.js file by the same basename, which will be subject to said rules.)

1

0

23

Andrew Branch

@atcb

1 year

@mattpocockuk There’s one thing in this explanation that I think needs to be clarified. You’re calling .ts/.tsx files “modules” and say .d.ts files are for global scope augmentations and are not modules. This isn’t quite right. Moduleyness vs. scriptiness is orthogonal to .ts vs .d.ts.

2

0

22

Andrew Branch

@atcb

11 months

.d.ts / .ts Files: 268 / 317 LOC: 49k / 62k Instantiations: 11k / 46k ❗ Memory: 92 kB / 118 kB Parse time: .76 s / .91 s Check time: 1.48 s / 3.02 s ❗ Total time: 2.58 s / 4.43 s ❗

2

0

23

Andrew Branch

@atcb

1 year

4. `type` is an override to tell TypeScript where the types for `main` are. Without it, it will look for a declaration file next to `main` with identical basename and corresponding extension—but not in resolution modes that respect `exports`, so it doesn’t really matter here.

3

0

22

Andrew Branch

@atcb

11 months

Seeing this take a lot but don’t quite understand how a runtime making different interop choices from the most popular runtime is going to change the landscape, unless the implied premise is that Node.js usage drops to near-zero 🤨. Libraries will have to support both, no?