The NPM Library Speedrun - 90 minutes to build, CI, and publish

[@lifeiscontent]

dude, this honestly was one of the best streams I've watched. Thank you for being real, having fun and showing your authentic self.

[@mystik5551]

I love the fact thats its real, and the excitement you get to have people on your stream....👍 And this line "I'm nervous about this, uhm. Its a lot of I have got to entertain you guys and convinced you that am a good enough typescript dev" is Epic

[@dalefrench]

Super fun to watch the recording! Thanks Matt!

[@codewithguillaume]

Very nice ! Thanks Matt !

[@Nurof3n_]

Thanks Matt! I just published a package in less than an hour thanks to this video 💪

[@sourishdutta9600]

Hope this is not the last, expecting more like this, amazing, Thank You so much.

[@uwumarie]

changesets looks pretty cool. I use release-please for that which uses your commit messages using conventional commits for generating a changelog and bumping the version.

[@NoamTamirMusic]

Learned a lot from the CI step! You made it seem so simple :)

[@RichardCousland]

At 17:15 Matt starts development!

[@SoreBrain]

I'm only getting started but what a genius idea for content

[@jvdmeulen]

This was a fun and (for me) original idea.. thanks

[@SparkStation1]

amazing keep up the good work i personally found it very useful shoutout from Morocco

[@jam_sessions6814]

RIP wonderful library. Great fun!

[@arthurdenner7]

This was very funny - Thanks a lot for doing it! 😂

[@alkolaqi83]

I didnt catch the live version but im having fun watching snippets of it 😂

[@artless-soul]

you should include live chat also in the recording.. it was fun! :-).. looking forward to next session

[@CodingButter]

I loved php. but I fell in love with the freedom of javascript. I feel like there is a million ways to do solve the same puzzle. And now that you can use one language for an entire Stack I just feel like I can speedrun a MVP for any project or idea I have.

[@matheuss7348]

What the actual heck happened in here. 41:00. @Matt Pocock, were you hiding those skills O.O.. I need a full 4minutes of you singing... 🔥

[@RobertFerentz]

Damn, Matt can sing!

[@jimohafeez6812]

Good one MATT, really learning from this, but I am having difficulty with the npm authentication in the GitHub workflow, how did you configure the npm_token that makes it accessible in the GitHub workflow?

[@uwumarie]

vitest actually disables watch mode if it detects that it's running in CI

[@franciskisiara9685]

Personal note: 17:15 - coding starts

[@the-dark-matter]

What are the benefits tsup have over other packages like microbundle?

[@additionaddict5524]

Shame about the delete, Really wanted to follow this step by step to learn the process

[@feldinho]

Majestic cat @53:00

[@jazzdestructor]

ah man just stayed up late to see it almost getting pushed 😭😭. thank for the exhilirating stream. Go to understand some good types and event buses. thankyou

[@0xpatrakar]

I really need this repo now. When this started out I thought I might be able to use it for worker threads. Now I am sad.

[@0xpatrakar]

Also, { type: string } should be replaceable with { [key: string]: string } or something like that. Might make it easier to introduce this in an already created project with hundreds of events.

[@shubitoxX]

I didn't know Matt is also a musician and comedian :D

[@shubhamsingh537]

Hi, can you please make a video on the best typescript react project structure. (Folder structure)

[@mattpocockuk]

/src

[@shubhamsingh537]

I mean like what type of folder structure do you prefer when you’re creating react application which can be easily scaling? What can be the folders names like for the hooks and stores, and for the utilities and constant, so what do you prefer?

[@mattpocockuk]

@@shubhamsingh537 Genuinely, all in one folder with long file names. Then use CMD-P to find the one you want. No need for long import paths, everything is all together.

[@허바드제이콥]

this stream is killing me 🤣🤣🤣🤣🤣🤣

[@feossandon]

Love the way you explain ❤ btw. is there a way to make a new version by just publish a semantic release pr with changesets?

[@mattpocockuk]

Yep! changeset version

[@nomadshiba]

npm i github:... is the way for me package-lock.json locks the version and you can ignore stuff with .npmignore one downside is you are not shipping js but only ts which is good actually because your lib would break on js since it relays on ts type-checking and dont have guards

[@arjix8738]

That's why zod is used, it provides runtime checks.

[@Denny093]

I found myself watching this speedrun, I found it very interesting. I'm starting to learn TypeScript too and I find your videos very informative especially for the tips and tricks. I wanted to know if you'd like to review the library (it's a very simple one) I'm developing for React. I can definitely learn from your advice. PS: If someone would be kind enough to help me improve it I would be grateful. I will make the repo public later

[@bloodylupin]

wow 💎💎💎

[@MasudRahman-co7nd]

how can I you a thanks! it's really helpful for me

[@navjotsingh2457]

Ty

[@Alec.Vision]

You should 100% talk Collin into giving you maintainer status on Zod

[@mattpocockuk]

Colin's doing a great job!

[@Alec.Vision]

@mattpocockuk He absolutely is! I just think it's such a great, useful library that having extra hands could be a huge win for the TS ecosystem.

[@johtso1]

And a week later I'm using BroadcastChannel and remembering the library that could have been 😭

[@mattpocockuk]

😂

[@asatorftw]

Sadly it didnt get explained well what the library is supposed to do. So it was a bit hard to follow the actual API implementation.

[@aleksd286]

Make a library for proper tailwind class names for classNames library or others.

[@DollyOmegaX]

What's wrong with TSDX?

[@caresbruh]

it's not maintained

[@drw2102]

Idea for the next live stream: Handling unknown

[@po9968]

Start of the speedrun : kzbin.infoaKTSC4D1GL8?si=DzwshDD5kHWBSdrO&t=1032

[@kmui6022]

if you set the speed of this recap to 1.5 its like a time travel

[@rohithgilla9492]

🎉