💡React Tip💡 As a React developer, the one extension that I use every day and become a fan of it is LocatorJS. Use 𝗟𝗼𝗰𝗮𝘁𝗼𝗿𝗝𝗦 browser extension to quickly navigate to the source code in your favorite IDE (VS Code) by just clicking on any of the UI elements displayed in the browser. This extension is really useful when you have a large application and you want to find which file contains the code of the displayed UI. Also, useful when the code is written by someone else and you want to debug the code. Use 𝗢𝗽𝘁𝗶𝗼𝗻/𝗔𝗹𝘁 𝗖𝗹𝗶𝗰𝗸 to navigate to source code. Just give it a try. You will love it. This extension becomes a lifesaver when you're working with Material UI library code written by others and you want to find out the exact code for any part of the UI. 𝗙𝗼𝗿 𝗺𝗼𝗿𝗲 𝘀𝘂𝗰𝗵 𝘂𝘀𝗲𝗳𝘂𝗹 𝗰𝗼𝗻𝘁𝗲𝗻𝘁, 𝗱𝗼𝗻'𝘁 𝗳𝗼𝗿𝗴𝗲𝘁 𝘁𝗼 𝗳𝗼𝗹𝗹𝗼𝘄 𝗺𝗲. #javascript #reactjs #nextjs #webdevelopment

i18nKeyLocator ⚡ is now live. Inspired by LocatorJS by @_MichaelMusil . Ctrl Click any text in the UI and jump instantly to the i18next key in VS Code No more digging through JSON files or guessing keys. Available now on the Chrome Web Store

This is great. I’ve been using LocatorJS for years, but looks like I’m gonna switch! locatorjs.com

For solid yes, for next no, I mean the function is just a babel transform but it's provided through a vite plugin. But exactly like locator 🫡

Is there any locatorjs for server components or we need to build it asap? @aidenybai

I found an alternative to @LocatorJS that works with Next.js and SolidStart. After LocatorJS stopped working for me, I missed the ease of jumping to components directly from the browser. Now, I'm using code-inspector, and it fills that gap: github.com/zh-lx/code-inspec…

Locatorjs next ile çalışsa keşke

💡React Tip💡 As a React developer, the one extension that I use every day and become a fan of it is LocatorJS. Use 𝗟𝗼𝗰𝗮𝘁𝗼𝗿𝗝𝗦 browser extension to quickly navigate to the source code in your favorite IDE (VS Code) by just clicking on any of the UI elements displayed in the browser. This extension is really useful when you have a large application and you want to find which file contains the code of the displayed UI. Also, useful when the code is written by someone else and you want to debug the code. Use 𝗢𝗽𝘁𝗶𝗼𝗻/𝗔𝗹𝘁 𝗖𝗹𝗶𝗰𝗸 to navigate to source code. Just give it a try. You will love it. This extension becomes a lifesaver when you're working with Material UI library code written by others and you want to find out the exact code for any part of the UI. 𝗙𝗼𝗿 𝗺𝗼𝗿𝗲 𝘀𝘂𝗰𝗵 𝘂𝘀𝗲𝗳𝘂𝗹 𝗰𝗼𝗻𝘁𝗲𝗻𝘁, 𝗱𝗼𝗻'𝘁 𝗳𝗼𝗿𝗴𝗲𝘁 𝘁𝗼 𝗳𝗼𝗹𝗹𝗼𝘄 𝗺𝗲. #javascript #reactjs #webdevelopment

Currently imagining bidirectional code linking in @dagster. Similar to @LocatorJS, selecting an asset, sensor, schedule, etc from our UI would open your local editor or git repo with the definition. And selecting the definition in your editor would open the UI at the object.

💡React Tip💡 As a React developer, the one extension that I use every day and become a fan of it is LocatorJS. Use 𝗟𝗼𝗰𝗮𝘁𝗼𝗿𝗝𝗦 browser extension to quickly navigate to the source code in your favorite IDE (VS Code) by just clicking on any of the UI elements displayed in the browser. This extension is really useful when you have a large application and you want to find which file contains the code of the displayed UI. Also, useful when the code is written by someone else and you want to debug the code. Use 𝗢𝗽𝘁𝗶𝗼𝗻/𝗔𝗹𝘁 𝗖𝗹𝗶𝗰𝗸 to navigate to source code. Just give it a try. You will love it. This extension becomes a lifesaver when you're working with Material UI library code written by others and you want to find out the exact code for any part of the UI. 𝗣𝗦: 𝗪𝗮𝗻𝘁 𝘁𝗼 𝗹𝗲𝗮𝗿𝗻 𝗥𝗲𝗮𝗰𝘁 𝗳𝗿𝗼𝗺 𝘀𝗰𝗿𝗮𝘁𝗰𝗵? 𝗖𝗵𝗲𝗰𝗸 𝗼𝘂𝘁 𝗺𝘆 𝗳𝗿𝗲𝗲 𝗥𝗲𝗮𝗰𝘁 𝗰𝗼𝘂𝗿𝘀𝗲 𝗹𝗶𝗻𝗸 𝗶𝗻 𝘁𝗵𝗲 𝗰𝗼𝗺𝗺𝗲𝗻𝘁. #javascript #reactjs #webdevelopment

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?

Very few projects have 10x'd my development experience more than @LocatorJS. Go check it out right now! github.com/infi-pc/locatorjs

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

I spent a few hours with the Server Components of Next.js in this playground repo and found no difficult elements in the Server Components itself. Rather, I found the DX to be quite poor as there is no way to open the source code of the UI displayed on the screen like @LocatorJS. If development support tools such as RSC DevTools are in place, it will be usable without problems. github.com/vercel/app-playgr…

🔍React Tip : As a React developer, the one extension which I use every day is LocatorJS, it is really useful when you have a large application and you want to find which file contains the code of the displayed UI Use Alt Click to jump to code. give it a try. You will love it.

I can't believe I used to do any sort of frontend dev work w/o @LocatorJS

Just want to share a life-saving extension I find today: LocatorJS - click on any component to go to code. locatorjs.com/

Link to @LocatorJS : locatorjs.com

🔗 Ready to take your React development to the next level? Give @LocatorJS a try, and prepare to be amazed. Trust me, you won't want to go back once you experience its magic! ✨ Tag your React-savvy friends and spread the word about this incredible tool! (4/4)

🎉 And here's the best part: LocatorJS is compatible with React, Preact, Solid, Vue, Svelte, and most modern browsers! 🌐 So, regardless of your tech stack, this extension is a game-changer. (3/4)