LocatorJS

Click on any React component in the browser to open its code in your code editor. Locator is an open-source browser extension that speeds up your daily React development. locatorjs.com

Launching Babli private beta! Translate webs/apps to any language using GPT4o and manage app keys. GPT4 gives much better results than Google Translate or DeepL, and translation is cheaper and faster than sending them to human translators. Works with formats like JSON, YAML, or ARB, and languages like JS/TS, PHP, Ruby, etc.

@nhducit @TkDodo @abraguilera I think we have recently fixed one similar issue: github.com/infi-pc/locato…. But if you still see the error, let me know ;)

@TkDodo @abraguilera I have the same error but I decided to ignore it since the @LocatorJS is awesome. Hi @LocatorJS is it possible to modify the DOM after hydration to avoid this issue?

Use Server Components they said. It's gonna be great they said > Uncaught Error: Text content does not match server-rendered HTML. But which one ????

@_MichaelMusil link: #nlx---download--execute" target="_blank" rel="nofollow noopener">github.com/antfu/ni#nlx--…

@BilalKeskin94 Not by default. But it seems you can make protocol handlers working with the tool linked here forum.sublimetext.com/t/support-open… and then change link template in Locator to match the format of the tool.

@LocatorJS Is it possible to configure it with Sublime Text 4?

Just released a huge bundle of new stuff - Right-click to see parent components. - Copy relative path to clipboard. - Changed outline colors, now blue for element, purple for component. - Margin/Padding colors are more similar to DevTools - And many bugfixes

This week we hit 1k ⭐️ on GitHub 🚀

Anyone good with Rust and using @LocatorJS ? github.com/infi-pc/locato…

New version just released: - it works now inside ShadowDOM - highlight margins and paddings + small UI fixes

New project alert 🚀! Problem to solve: Juggling multiple terminals to run scripts from package.json files in bigger JS projects. Solution: Run and manage multiple scripts from a nice terminal runner. First release in a few days! 🎉

Working on this new project - it’s based on @LocatorJS, but it is a full visual editor that sits hidden on localhost and shows when needed, and you can quickly edit anything visual without even going to the code.

🎉 We just hit 10k downloads on Chrome Web Store. Thank you for all your support!

No more searching through whole React app to find the component responsible for rendering the UI. @LocatorJS is one of the best Chrome extensions I've installed in a while. locatorjs.com

@housecor Glad you like it. More info on locatorjs.com and we will post some new updates soon here @LocatorJS

Problem: In React, it's often tricky to hunt down the component that's rendering a piece of UI. Solution: LocatorJS (A Chrome plugin) I've been using it for the last week. It's 🔥.

🚀🚀

Do you test your code?

Interesting tool of the week: locatorjs.com by @_michaelmusil We like: Highlights React components in your browser so you can click to go directly to their source code. Use as a dependency or as a browser extension (all browsers supported)

361 ⭐️ LocatorJS locates a component's code in your IDE with a click. @_MichaelMusil #infi-pc/locatorjs&Date" target="_blank" rel="nofollow noopener">star-history.com/#infi-pc/locat… github.com/infi-pc/locato… #starhistory #GitHub #OpenSource via @StarHistoryHQ

Use LocatorJS to click on any part of UI displayed in the browser to open its code in your IDE. Works for React, Preact, Solid, Vue and Svelte and almost all modern browsers. LocatorJS: locatorjs.com #javascript #reactjs #webdevelopment

#LocatorJS can speed up web development by helping developers find things faster and optimizing their workflow. locatorjs.com