Alem Tuzlak

@tanstack.com devtools will change the JS ecosystem. I can just feel it.

We've integrated an event bus which let's you pipe the data from your libraries/app code into your devtools panel.

You can set up custom devtools within minutes that help you ship faster.

This is huge!

Why is that? I feel the opposite way.

@tan_stack Devtools is officially in alpha! 🚀

If you're one of those crazy kids who likes to be on the bleeding edge of the web take it for a spin! 🔥

Core:
www.npmjs.com/package/@tan...
React:
www.npmjs.com/package/@tan...
Solid:
www.npmjs.com/package/@tan...

That's awesome to hear! Now you'll be able to do even more!

I've been invited by the wonderful @tanstack.com team to help them build out framework-agnostic devtools not for only them, but for everyone!

Here's a sneek peak of TanStack router, query, and @prisma.io embedded studio running in @tanstack/devtools

What if your apps were cooler 👀

Going out.

Rate my outfit.

I think biome might reconsider when TS go is officially out, at least I hope they do.

I think it makes sense to add much requested features sooner at the cost of rolling their own interpreter in the short run.

In the long run I hope they change their minds

TIP: Whenever I reach out to put a comment above an assertion in tests I stop and remind myself that there's a MUCH better way of bringing additional information that might help you debug that assertion.

Custom error messages!

Don't want to roll your auth like it's 2005? 🫣

Well, today I dive DEEP on how to implement auth in react-router with all the latest patterns and features the framework mode has to offer! 🔥

If you're interested in how easy it is to do auth, check it out! 👇

youtu.be/Qv_8j5PKPI4

React Router makes auth easy.

Don't believe me?

Watch this 🧐

GitHub - forge-42/react-router-auth: Reference repo for authentication in react-router v7 with middleware, prisma, shadcn and zod v4 Reference repo for authentication in react-router v7 with middleware, prisma, shadcn and zod v4 - forge-42/react-router-auth

Looking for the most up-to-date implementation of auth in react-router? 👀

Well, I just created a reference repo for rolling your own auth with:
- react-router middleware
- self-committing sessions
- AsyncLocalStorage
- and more!

Check it out here: github.com/forge-42/rea...

thank you

Had corrective eye surgery. Which can only mean one thing:

No more ring light flare on my glasses in my videos!

I can also see, that's cool too.

Took @bolt.new 3 shots to create all this.

I think the cat is out of the bag on what we will be building for EpicWeb workshops on react-router v7.

I'm going to pack so many great exercises into it!

I think this would be the way to do it as the Register is what picks up the types for href anyway I believe, a lot simpler than the original types with the same firepower, looks great!

Exactly this, and you're right, it picks it up from generated files.

You're very welcome!

Couldn't you use the href function to avoid having to create complex types?

It now works on the server as well, and allows you to define your own custom eventEmitter

It's not for me 😆

GitHub - forge-42/web-events: Framework-agnostic custom event-driven handling library for the web Framework-agnostic custom event-driven handling library for the web - forge-42/web-events

Find it here:
👉 github.com/forge-42/web...

It's usable across all frameworks with it's core API, not only React!

Check out the image below on how to use it with Vanilla JS anywhere!

🚨 New OSS Drop from @forge42.dev!

@forge42/web-events is a tiny, type-safe, event-driven library built on top of custom events.

🛡️ Zero dependencies
✅ Type-safe
🔎 Runtime validation
🪶 Lightweight
🧪 Framework agnostic

Built with Web Standard APIs. React friendly!

Anyone out there looking for a senior QA automation engineer?

Declutter your JavaScript & TypeScript projects Project linter to find unused dependencies, exports and files

Became a Knip contributor last week. I'm super proud to contribute to one of my favorite projects.

If you haven't already, check it out on knip.dev, and you'll fall in love

Sorry to tag you but I'm a bit desperate and maybe you know someone @patak.dev

Has anyone figured out how to get a components sourcemap info (file, line and column) in @react.dev 19?

Either at the time of clicking on the component, or by using the YOU_FIRED_BRUH internals.

In react 18 you could easily do it but they removed support in react 19

I'm excited about open governance for React Router!

The future of react-router just got a lot brighter Today we go over the recent announcement blog post of react-router where they talk about their open governance model and what the future will look like

I'm super proud of my latest video going over the open governance announcement by the @remix_run team.

It's chalk-full of funny jokes, my insights, and what's coming next to react-router!

Check it out here:
www.epicweb.dev/tips/the-fut...

GitHub - forge-42/react-router-devtools: Debug your apps, find hydration errors, trace your network and more in your react-router app with these devtools Debug your apps, find hydration errors, trace your network and more in your react-router app with these devtools - forge-42/react-router-devtools

Don't develop your react-router framework mode apps in the dark.

Add react-router-devtools to your project and lighten up your day!

(If you star it on Github, it will make me so happy I won't remove React from it)
github.com/forge-42/rea...