Piotr Tomczewski's Avatar

Piotr Tomczewski

@tomczew.ski

πŸ’» React Expert at @callstack.com Railway tracks Γ— React Performance tracks Chili crisp maximalist. Will code for LEGO. πŸ³οΈβ€πŸŒˆ He / him

91
Followers
332
Following
46
Posts
06.09.2024
Joined
Posts Following

Latest posts by Piotr Tomczewski @tomczew.ski

a screenshot of a warning stating that an unspecified package has increased in size by 3074% since the last version

a screenshot of a warning stating that an unspecified package has increased in size by 3074% since the last version

casually browsing around @npmx.dev and saw this. the feature is working well πŸ˜„

02.03.2026 22:26 πŸ‘ 63 πŸ” 4 πŸ’¬ 3 πŸ“Œ 0
Post image

I thought I’d let ChatGPT narrow down hotels in Paris to 3 options.

It gave me a map covered in blue dots.

So yeah. Still choosing

27.02.2026 17:11 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Tutaj akurat to CocoaPods i Xcode, ktΓ³ry zawsze niezaleΕΌnie od powodu wywala ten sam kod bΕ‚Δ™du - 65.

14.02.2026 14:11 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

Xcode: no such module β€˜Expo’
Expo: literally the whole app

14.02.2026 13:55 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

I feel like one of those dog walkers in Central Park πŸ˜‚

12.02.2026 00:24 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I feel old right now.

I remember when the scheduling profile was introduced, but old habits die hard, and I'm rarely looking there, and I wasn't following all the development happening in that tab.

I guess it’s time to update myself πŸ˜…

11.02.2026 21:31 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
GitHub - piotrski/agent-react-devtools: Gives AI agents access to React DevTools βš›οΈπŸ€– Gives AI agents access to React DevTools βš›οΈπŸ€–. Contribute to piotrski/agent-react-devtools development by creating an account on GitHub.

⭐ Star it on GitHub if this is useful
github.com/piotrski/age...

Works with Cursor, Claude Code, Codex, OpenCode, and more ⚑️

11.02.2026 21:14 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

AI that can write code is cool.
AI that can write code, run it, see what's slow, and fix it? Even cooler πŸš€

Next up visual state diffing, automatic perf regression detection πŸ‘€

What's the most annoying thing you debug in React?

11.02.2026 21:14 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image Post image

Getting started takes one line ⚑️

It detects your framework and configures everything automatically. Vite, Next.js, Expo, you name it.

React and React Native πŸ“±

11.02.2026 21:14 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

πŸ“Š Profile any interaction and see exactly what happened:
πŸ”₯ Slowest components by render time
πŸ” Most re-rendered components
🎯 What triggered each render

No more flame chart screenshots.
Your AI reads this and knows what to fix.

11.02.2026 21:14 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

🌳 Component tree with stable IDs (@​c1, @​c2...)
πŸ”Ž Props, state, and hooks for any component
πŸ“Š Render profiling: slowest, most re-renders, trigger
🧠 Structured, token-efficient output your AI can reason about

11.02.2026 21:14 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

You tell your AI: "my app feels sluggish" 🐌

It opens your app, profiles it, finds the slow component, and fixes the code βœ…

That's it. No DevTools. No screenshots. No back and forth.

11.02.2026 21:14 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

AI agents can see your DOM but they have no idea what's happening inside React πŸ‘€

Which component re-rendered? Why? What props changed?

agent-react-devtools gives them direct access to your component tree, state, hooks, and profiler data πŸ”Œ

11.02.2026 21:14 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Video thumbnail

I built a tool that gives AI agents access to React DevTools βš›οΈπŸ€–

Your AI coding assistant can now inspect components, profile renders, and diagnose performance issues completely on its own. Works with @cursor.com.web.brid.gy, @claudecode.bsky.social, Codex, Open Code, or any other you like

11.02.2026 21:14 πŸ‘ 3 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

Just bought tickets for Robyn πŸ–€

And I love this idea: you can confirm a regular ticket, grab a discounted solidarity ticket if you need it, or pay a bit more to help cover someone else's.

More shows should work like this

11.02.2026 10:11 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Are you planning to bring the events info into the existing DevTools Profiler view?

10.02.2026 19:58 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

The whole tree doesn’t make sense it wouldn’t fit and it would be unreadable. I’m thinking more about showing the parent, or maybe a way to visualize when the parent triggered a re-render. Ideally, I’d love to have some sense of space and time awareness.

10.02.2026 19:57 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Screenshot of a performance trace in Chrome DevTools with a few additional "Nav*" and "LCP*" markers. Hovering over the "LCP*" shows this is a "Soft LCP" and in the Summary panel when you click on it you see "Soft Largest Contentful Paint" and a "Learn more about Soft Largest Contentful Paint" link.

Screenshot of a performance trace in Chrome DevTools with a few additional "Nav*" and "LCP*" markers. Hovering over the "LCP*" shows this is a "Soft LCP" and in the Summary panel when you click on it you see "Soft Largest Contentful Paint" and a "Learn more about Soft Largest Contentful Paint" link.

From Chrome 145 (on general release next week!), DevTools we will start to show so called "soft" navigations and "Soft LCP" in the Performance Panel traces.

These are for SPAs which don't do a full page load, but instead "fake it" by updating the current page and pushing a new history entry.

1/5 🧡

04.02.2026 09:40 πŸ‘ 46 πŸ” 12 πŸ’¬ 2 πŸ“Œ 2

Is it the Max or the Maxest plan? πŸ˜‚

I finally decided to upgrade my personal plan from Pro last weekend and now I’m running Claude on two computers simultaneously

10.02.2026 19:31 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Very helpful for understanding scheduling.
Will there be a way to inspect the event details that triggered the render? Have you considered exposing a way to correlate the Performance Tracks timeline with the component tree?

10.02.2026 19:25 πŸ‘ 0 πŸ” 0 πŸ’¬ 2 πŸ“Œ 0

I love using dictation, but it’s the worst when it suddenly goes off the rails. I’m speaking English, and it transcribes everything in Polish or, in the most random case, Japanese (I still have no idea how that even happened). πŸ˜…

10.02.2026 19:15 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

AI can write UI fast.
Debugging re-renders still feels… manual: Profiler β†’ screenshot β†’ explain to the model.
Anyone found a better workflow?

10.02.2026 19:12 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

Love getting target ads for things I actually want to buy only to find out every single one is sold out πŸ™ƒ

10.02.2026 09:33 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

How could I live before @openclaw-x.bsky.social?

09.02.2026 23:25 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Or you can be me and decide it’s time to upgrade to Max πŸ˜…

09.02.2026 23:12 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Post image

Apple Foundation Models will support tool calling?! 😲 I’m seriously impressed. #WWDC25

09.06.2025 20:14 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
GitHub - callstackincubator/react-native-legal: Automagically generate license acknowledgements for your React Native app Automagically generate license acknowledgements for your React Native app - callstackincubator/react-native-legal

Give it a try ⬇️
github.com/callstackinc...

18.03.2025 08:18 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Post image

πŸ‘¨β€βš–οΈ react-native-legal 1.1.0 is here! πŸš€

βœ… Better monorepo support, license scanning now includes workspace:* dependencies.
βœ… CocoaPods use_frameworks support

18.03.2025 08:18 πŸ‘ 6 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Give it a star: github.com/callstackinc... and most importantly, give acknowledgements!

12.03.2025 16:26 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Giving acknowledgements to all awesome open source dependencies you use in your apps is not only a privilege, but in many cases a legal requirement. Instead of manually scrubbing through each and every dependency, our "react-native-legal" package will do it for you.

12.03.2025 16:26 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0